Shulou(Shulou.com)05/31 Report--

This article mainly introduces the relevant knowledge of "what is the use of.native modifier in Vue.js". Xiaobian shows you the operation process through actual cases. The operation method is simple, fast and practical. I hope this article "what is the use of.native modifier in Vue.js" can help you solve the problem.

The official interpretation of the.native modifier is:

Sometimes you might want to listen for a native event on the root element of a component. You can use the v-on modifier.native. For example:

To put it simply:

Listening for an event to a normal HTML tag and then adding the.native modifier doesn't work. For example:

HTML code

click me

JavaScript code

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

results

Listen for an event on the root element of a component, and then add the.native modifier. For example:

HTML code

JavaScript code

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

results

About "Vue.js in.native modifier what to use" content introduced here, thank you for reading. If you want to know more about industry-related knowledge, you can pay attention to the industry information channel. Xiaobian will update different knowledge points for you every day.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.