调el-checkbox的时候遇到不少坑记录一下:
起初是简单的使用el-checkbox进行单选操作,但后面需要用到统一的给所有的checkbox进行选中的操作一下子犯难了。奇怪的是使用对象的形式指定为true,但是依然不管用,代码如下:
this.checkboxs[0].isChecked = this.isChecked
<el-checkbox
v-for="(item, index) in checkboxs"
:key="index"
class="checkbox-wraper"
:checked="item.isChecked"
:label="item.name"
:disabled="!item.isshow"
text-color="#ffffff"
/>
最后选用el-checkbox-group完成了全选,每次切换地图的时候重新赋值即可,通过改变checkbox的isCheck属性是没有用的,必须重新赋值,代码如下:
labelNameArr: ['水系','POI','院落','境界','地铁注记','道路注记','绿地','道路','居民区','水系注记','铁路注记']
<el-checkbox-group v-model="labelCheckArr" :min="0" :max="checkboxs.length">
<el-checkbox
v-for="(item, index) in checkboxs"
:key="index"
:checked="item.isChecked"
:label="item.name"
:disabled="!item.isshow"
@change="inputClick(item, index)"
/>
</el-checkbox-group>