這篇文章主要介紹“Vue.js中.native修飾符有什么用”的相關(guān)知識,小編通過實際案例向大家展示操作過程,操作方法簡單快捷,實用性強,希望這篇“Vue.js中.native修飾符有什么用”文章能幫助大家解決問題。
成都創(chuàng)新互聯(lián)服務(wù)項目包括曾都網(wǎng)站建設(shè)、曾都網(wǎng)站制作、曾都網(wǎng)頁制作以及曾都網(wǎng)絡(luò)營銷策劃等。多年來,我們專注于互聯(lián)網(wǎng)行業(yè),利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗、深度合作伙伴關(guān)系等,向廣大中小型企業(yè)、政府機構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案,曾都網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟效益。目前,我們服務(wù)的客戶以成都為中心已經(jīng)輻射到曾都省份的部分城市,未來相信會繼續(xù)擴大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任!
官方對.native修飾符的解釋為:
有時候,你可能想在某個組件的根元素上監(jiān)聽一個原生事件。可以使用 v-on 的修飾符 .native 。例如:
簡單點理解就是:
給普通的HTML標簽監(jiān)聽一個事件,之后添加 .native 修飾符是不會起作用的。例如:
HTML代碼
JavaScript代碼
new Vue({ el: '#app', methods: { clickFun: function(){ console.log("message: success") } } })
結(jié)果
給某個組件的根元素上監(jiān)聽一個事件,之后添加 .native 修飾符就會起作用了。例如:
HTML代碼
JavaScript代碼
Vue.component('my-component', { template: `click me` }) new Vue({ el: '#app', methods: { clickFun: function(){ console.log("message: success") } } })
結(jié)果
關(guān)于“Vue.js中.native修飾符有什么用”的內(nèi)容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識,可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,小編每天都會為大家更新不同的知識點。