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

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM