使用ant design of vue的下拉框來選擇性別,性別的值為0、1,被選中的選項顯示的是value值,即0、1,不顯示男、女

huanxianxianshi發表於2020-08-12

詳細解法:https://blog.csdn.net/cry1049208942/article/details/106946668?utm_medium=distribute.pc_relevant_right.none-task-blog-BlogCommendFromMachineLearnPai2-2.channel_param_right&depth_1-utm_source=distribute.pc_relevant_right.none-task-blog-BlogCommendFromMachineLearnPai2-2.channel_param_right

問題:( 男:0 女:1)

後端傳回資料0,選中框應該顯示男而不是0
在這裡插入圖片描述

出現問題的寫法:
< a-select v-model=“test.sex” placeholder=“請選擇性別” notFoundContent=“資料為空” style=“width:100%”>
< a-select-option value=“0”>男< /a-select-option>
< a-select-option value=“1”>女< /a-select-option>
< /a-select>
應該在value前加
正確寫法:
< a-select v-model=“test.sex” placeholder=“請選擇性別” notFoundContent=“資料為空” style=“width:100%”>
< a-select-option :value=“0”>男< /a-select-option>
< a-select-option :value=“1”>女< /a-select-option>
< /a-select>
結果:
在這裡插入圖片描述

相關文章