el-check-group组件

调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>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值