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 的值一致,注意类型也要一致

 

posted @ 2021-01-05 10:10  三线码工  阅读(1268)  评论(0编辑  收藏  举报