關於Vue Element元件el-checkbox與el-select預設選中值的幾點注意事項
阿新 • • 發佈:2022-05-18
el-select
示例:
程式碼:
<el-select v-model="doc.zhic" placeholder="請選擇">
<el-option
v-for="(item,index) in zhicdata"
:key="index"
:label="item.name"
:value="item.id"
></el-option>
</el-select>
doc: {
zhic: ""
},
zhicdata: [
{
name: "主任醫師",
id: "11"
},
{
name: "副主任醫師",
id: "12"
},
{
name: "主治醫師",
id: "13"
},
{
name: "住院醫師",
id: "14"
}
],
// 獲取職稱
stepDoc(index){
this.idx=index;
const item = this.hislist[index];
this.doc={
zhic:item.zhic.toString() //獲取到的是數字,一定要轉換為字串
},
},
v-model中的值就是預設選中的值,一定要注意這裡的:value的型別一定要跟v-model型別一樣。值為空時,預設值為空值。
el-checkbox
示例:
程式碼:
<el-checkbox-group v-model="doc.doctime">
<el-checkbox
v-for="item in doctimeData"
:label="item.id"
true-label
:key="item.id"
@change="changeDoctime(item.value)"
>{{item.title}}</el-checkbox>
更多內容請見原文,原文轉載自:https://blog.csdn.net/weixin_44519496/article/details/119250980