详解Vue.js中.native修饰符
修饰符（Modifiers）是以半角句号 . 指明的特殊后缀，用于指出一个指令应该以特殊方式绑定。这篇文章给大家介绍Vue.js中.native修饰符，感兴趣的朋友一起看看吧。
.native修饰符
官方对.native修饰符的解释为：
有时候，你可能想在某个组件的根元素上监听一个原生事件。可以使用 v-on 的修饰符 .native 。例如：
<my-component v-on:click.native="doTheThing"></my-component>
简单点理解就是：
给普通的HTML标签监听一个事件，之后添加 .native 修饰符是不会起作用的。例如：
HTML代码
<div id="app"> <a href="#" rel="external nofollow" v-on:click.native="clickFun">click me</a> </div>
JavaScript代码
new Vue({
el: '#app',
methods: {
clickFun: function(){
console.log("message: success")
}
}
})
结果
给某个组件的根元素上监听一个事件，之后添加 .native 修饰符就会起作用了。例如：
HTML代码
<div id="app"> <my-component v-on:click.native="clickFun"></my-component> </div>
JavaScript代码
Vue.component('my-component', {
template: `<a href='#'>click me</a>`
})
new Vue({
el: '#app',
methods: {
clickFun: function(){
console.log("message: success")
}
}
})
结果
总结
以上所述是小编给大家介绍的Vue.js中.native修饰符，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对小牛知识库网站的支持！
-
本文向大家介绍Vue.js学习笔记之修饰符详解，包括了Vue.js学习笔记之修饰符详解的使用技巧和注意事项，需要的朋友参考一下 本篇将简单介绍常用的修饰符。 在上一篇中，介绍了 v-model 和 v-on 简单用法。除了常规用法，这些指令也支持特殊方式绑定方法，以修饰符的方式实现。通常都是在指令后面用小数点“.”连接修饰符名称。 一、v-model的修饰符 v-model 是用于在表单表单元素
-
本文向大家介绍详解Vue2.0之去掉组件click事件的native修饰，包括了详解Vue2.0之去掉组件click事件的native修饰的使用技巧和注意事项，需要的朋友参考一下 这个是在组件开发中遇到的问题，当时我在编写button的组件，模板是这样的： 使用是这样子的： 根据Vue2.0官方文档关于父子组件通讯的原则，父组件通过prop传递数据给子组件，子组件触发事件给父组件。但父组件想在子组
-
本文向大家介绍C++ 中const修饰虚函数实例详解，包括了C++ 中const修饰虚函数实例详解的使用技巧和注意事项，需要的朋友参考一下 C++ 中const修饰虚函数实例详解 【1】程序1 【2】程序2 【3】程序3 备注：一切皆在代码中。 总结：const修饰成员函数，也属于函数重载的一种范畴。 感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！
-
本文向大家介绍举例详解Java中的访问权限修饰符，包括了举例详解Java中的访问权限修饰符的使用技巧和注意事项，需要的朋友参考一下 访问权限符： (1)public： 对于成员来说：任何其他类都可以访问它们，不管在同一个包中还是在另外的包中。 对于类来说： 也是一样。 (2)friendly： 对于成员老说：如果一个类的成员没有任何权限修饰，那么它门就是缺省包访问权限，用friendly来表
-
本文向大家介绍详解Vue 事件修饰符capture 的使用，包括了详解Vue 事件修饰符capture 的使用的使用技巧和注意事项，需要的朋友参考一下 .capture事件修饰符的作用添加事件侦听器时使用事件捕获模式 即是给元素添加一个监听器，当元素发生冒泡时，先触发带有该修饰符的元素。若有多个该修饰符，则由外而内触发。 就是谁有该事件修饰符，就先触发谁。 代码如下： 总结 以上所述是小编给大家介
-
private private修饰符是我们使用的最限制的修饰符。它表示它只能被自己所在的文件可见。所以如果我们给一个类声明为private，我们就不能在定义这个类之外的文件中使用它。 另一方面，如果我们在一个类里面使用了private修饰符，那访问权限就被限制在这个类里面了。甚至是继承这个类的子类也不能使用它。 所以一等公民，类、对象、接口……（也就是包成员）如果被定义为private，那么它们只