el-checkbox一个小坑

element UI中el-checkbox点击文字,勾选框也是跟着选中的,我们的需求是点击文字跳到对应的详情页,勾选框不选中
在这里插入图片描述
刚开始我是这样写的,感觉没问题了,看代码
在这里插入图片描述

在el-checkbox里面放上span标签,放上对应的文字,这样点击文字,跟勾选框就没关联了,但是经过几次测试bug也出来了,每次第一次点击文字的时候,勾选框还是会被勾选上,不刷新的话,以后就没事了,
但是只要一刷新页面还是,第一次点击文字的时候,勾选框还是会被勾选上,不刷新的话,以后就没事了,试了好多种方法都不行,,来看一下解决办法~~~~~~~~~~~~

@click.stop.prevent注意看上面点击事件,这么写,就没问题啦,也没有bug啦

事件的默认行为

.prevent 阻止事件的默认行为
.stop 阻止事件冒泡
.stop.prevent 阻止默认行为和冒泡
.self 阻止子元素的事件冒泡
.capture 事件捕获
.once事件只触发一次

  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值