elementUI 多选框回显,没有别选中问题
多选框,label是用户选择的value值, {{it.title}}是给用户显示的内容
想要回显,只需将 checkList 数组与label的值一致,注意类型也要一致,我就是因为checkList 的id为字符串但是rolerList的id为数字类型,就一直都没有对应上
<el-checkbox-group v-model="checkList">
<el-checkbox v-for="(it,i) in rolerList"
:key="i" :label="it.id+''">
{{it.title}}
</el-checkbox>
checkList:["2","3"]
rolerList:[{id:3,title:"a"},{id:2,title:"b"}]
要将这参数变成一致,我的案例是将rolerList的id转换成字符串类型
这样就能够回显了
<el-select v-model="form.group_id" placeholder="角色">
<el-option
v-for="item in options"
:key="item.id"
:label="item.role_name"
:value="item.id"
>
</el-option>
</el-select>
下拉框选择状态也是一样,也要数据类型一致
标签:列表框,回显,title,checkList,ui,rolerList,id,选框 From: https://blog.51cto.com/u_16204378/7245042