解决elment 动态多选框组（el-checkbox-group）无法设置默认值问题_el-checkbox-group默认选中

作者：从前慢现在也慢 | 2024-02-19 10:53:03

踩

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']
})

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/从前慢现在也慢/article/detail/114267?site