在点击label的时候不取消复选框的状态
实现
将change事件改为click事件
<div class="grid-content bg-purple">
<div class="grid-content bg-purple">
<el-checkbox-group v-model="areasThreeCheck">
<#-- <el-checkbox :label="data.id" :key="data.id" :value="data.id" v-for="data in areasThree" @change="areasThreeChang(data.id)">{{data.name}}</el-checkbox>-->
<el-checkbox :label="data.id" :key="data.id" :value="data.id" v-for="data in areasThree">
<span @click.prevent="areasThreeChang(data.id)">{{data.name}}</span>
</el-checkbox>
</el-checkbox-group>
</div>
</div>
自己使用Span渲染展示标签然后通过事件的修饰符[prevent]阻止默认事件
作者:彼岸舞
时间:2021\06\16
内容关于:工作中用到的小技术
本文属于作者原创,未经允许,禁止转发
扫码关注腾讯云开发者
领取腾讯云代金券
Copyright © 2013 - 2025 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号:粤B2-20090059 深公网安备号 44030502008569
腾讯云计算(北京)有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287
Copyright © 2013 - 2025 Tencent Cloud.
All Rights Reserved. 腾讯云 版权所有