element UI中el-checkbox点击文字,勾选框也是跟着选中的,我们的需求是点击文字跳到对应的详情页,勾选框不选中
刚开始我是这样写的,感觉没问题了,看代码
在el-checkbox里面放上span标签,放上对应的文字,这样点击文字,跟勾选框就没关联了,但是经过几次测试bug也出来了,每次第一次点击文字的时候,勾选框还是会被勾选上,不刷新的话,以后就没事了,
但是只要一刷新页面还是,第一次点击文字的时候,勾选框还是会被勾选上,不刷新的话,以后就没事了,试了好多种方法都不行,,来看一下解决办法~~~~~~~~~~~~
@click.stop.prevent注意看上面点击事件,这么写,就没问题啦,也没有bug啦
事件的默认行为
.prevent 阻止事件的默认行为
.stop 阻止事件冒泡
.stop.prevent 阻止默认行为和冒泡
.self 阻止子元素的事件冒泡
.capture 事件捕获
.once事件只触发一次