element ui 下拉列表框和多选框默认选择状态
<el-checkbox-group v-model="checkList"> <el-checkbox v-for="(it,i) in rolerList" :key="i" :label="it.id+''" > {{it.title}} </el-checkbox>
多选框,label是用户选择的value值, {{it.title}}是给用户显示的内容
想要回显,只需将 checkList 数组与label的值一致,注意类型也要一致,我就是因为checkList 的id为字符串但是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>
下拉列表框也一样, form.group_id 与 item.id 的值一致,注意类型也要一致
本文来自博客园,作者:三线码工,转载请注明原文链接:https://www.cnblogs.com/shangrao/p/14234200.html