前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >ElementUI el-checkbox 点击Label不取消复选框的选中状态

ElementUI el-checkbox 点击Label不取消复选框的选中状态

作者头像
彼岸舞
发布于 2021-06-21 11:34:45
发布于 2021-06-21 11:34:45
4.7K00
代码可运行
举报
运行总次数:0
代码可运行

在点击label的时候不取消复选框的状态

实现

将change事件改为click事件

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<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

内容关于:工作中用到的小技术

本文属于作者原创,未经允许,禁止转发

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2021-06-16 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验