龙空技术网

Vue日常采坑笔记之点击事件不生效

骆驼祥子之大战孔乙己 296

前言:

当前兄弟们对“css不可点击样式”大约比较重视,同学们都需要剖析一些“css不可点击样式”的相关内容。那么小编也在网络上汇集了一些有关“css不可点击样式””的相关资讯,希望朋友们能喜欢,兄弟们一起来学习一下吧!

最近在做项目的时候,需要循环一个数组,也就是形成一个表格列表。我在循环的tr节点上绑定了 @click 事件,但是不生效。确定了代码无误后,转换了思路。

首先我的表单列表组件是引入的第三方插件。所以我猜测是否是引入的第三方插件已经绑定了 @click 事件。我去查看了 插件 的原代码。果然是。So,原因找到了,解决的思路就有了。

先看我的代码

click事件不生效代码

click事件生效代码

native

官网的解释:你可能想在某个组件的根元素上监听一个原生事件。可以使用 v-on 的修饰符 .native

个人理解:正如我所遇到的问题一样,套用的别人的组件,父组件已经绑定了@click 事件,所有在子组件上 添加 @click 事件是不会触发的。添加 native 修饰符后, 相当于把vue组件 转化为 一个普通的HTML标签了。

此次采坑,当晚做笔记。印象深刻。

标签: #css不可点击样式