详解Vue.js中.native修饰符

前端之家收集整理的这篇文章主要介绍了详解Vue.js中.native修饰符前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

修饰符(Modifiers)是以半角句号 . 指明的特殊后缀,用于指出一个指令应该以特殊方式绑定。这篇文章给大家介绍Vue.js中.native修饰符,感兴趣的朋友一起看看吧。

.native修饰符

官方对.native修饰符的解释为:

  有时候,你可能想在某个组件的根元素上监听一个原生事件。可以使用 v-on 的修饰符 .native 。例如:

简单点理解就是:

给普通的HTML标签监听一个事件,之后添加 .native 修饰符是不会起作用的。例如:

HTML代码

JavaScript代码

结果

给某个组件的根元素上监听一个事件,之后添加 .native 修饰符就会起作用了。例如:

HTML代码

JavaScript代码

click me` }) new Vue({   el: '#app',  methods: {     clickFun: function(){       console.log("message: success")     }   } })

结果

总结

以上所述是小编给大家介绍的Vue.js中.native修饰符。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

猜你在找的Vue相关文章