修飾符（Modifiers）是以半角句號 . 指明的特殊后綴，用于指出一個指令應該以特殊方式綁定。這篇文章給大家介紹Vue.js中.native修飾符，感興趣的朋友一起看看吧。
.native修飾符
官方對.native修飾符的解釋為：
有時候，你可能想在某個組件的根元素上監(jiān)聽一個原生事件。可以使用 v-on 的修飾符 .native 。例如：
<my-component v-on:click.native="doTheThing"></my-component>
簡單點理解就是：
給普通的HTML標簽監(jiān)聽一個事件，之后添加 .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") } }})結果
給某個組件的根元素上監(jiān)聽一個事件，之后添加 .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修飾符，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對武林網(wǎng)網(wǎng)站的支持！
新聞熱點
疑難解答
