Vue中native的用法及演示

Vue中native的用法

问题

偶尔一次搬砖的时候，发现了一个小问题

正常我们写点击事件是这样的，但是这个样子点击事件没有反应，然后百度查找一番，找到了问题，经过改正后是这样：

加了一个修饰符 .native

解释

native在Vue.js官方的大致意思是**.native - 监听组件根元素的原生事件**。而通俗的理解是：正常的点击事件，我们可以不用修饰符；但是如果是在组件上使用并且事件无效的话，就可以用到native。

演示

比方说:我想在组件的某个根元素上绑定事件，直接使用 @click=‘‘fun’ 是不生效的，我们可以添加.native修饰符 @click.native=’‘fun’’
当然我的语言组织的不太好，然后我在网上找到了另一位CSDN博主（@qq_41428035）更加形象的演示native修饰符演示

以上阐述均为个人经历，若以上代码阐述错误请私聊作者进行改动或删除