解决elment 动态多选框组(el-checkbox-group)无法设置默认值问题

<el-checkbox-group v-model="form.showProperty">
 <el-checkbox v-for="(item,idx) in properties" :key="idx" :label="item" :disabled="item.must">{{item.name}}</el-checkbox>
</el-checkbox-group>

 备注:v-model 直接绑定value的似乎不需要这样直接可以绑定,我这种是绑定的Object,所以需要这样写

这种情况设置默认值 本来只需要设置:

this.form.showProperty = ['a','b']

我们页面就可以默认选中a选项和b选项,实际上当我们这样写的时候却不能实现默认选中,我们只需将设置选中代码写入$nextTick里面,就能默认选中了

this.$nextTick(()=>{
   this.form.showProperty = ['a','b']
})


posted @ 2020-01-13 16:15  一个懒惰的陈xx  阅读(4394)  评论(2编辑  收藏  举报