So verwenden Sie den Modifikator .native in Vue.js

Dieses Mal zeige ich Ihnen, wie Sie den .native-Modifikator in Vue.js verwenden sehen. . .native-Modifikator

Die offizielle Erklärung des .native-Modifikators lautet:

Manchmal möchten Sie vielleicht „Hören Sie sich einen Native an“ hinzufügen

Ereignis

für das Element. Sie können den v-on-Modifikator .native verwenden. Zum Beispiel:

<my-component v-on:click.native="doTheThing"></my-component>

Ein einfaches Verständnis ist:

hört auf ein Ereignis für das gewöhnliche

HTML-Tag

und fügt dann den Modifikator .native hinzu wird nicht. Es funktioniert. Zum Beispiel: HTML-Code

<p id="app">
　　<a href="#" rel="external nofollow" v-on:click.native="clickFun">click me</a>
</p>

JavaScript

Code

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

Ergebnis

zu Jemand hört ein Ereignis im Stammelement einer Komponente ab und fügt dann den Modifikator .native hinzu, damit er wirksam wird. Zum Beispiel:

HTML-Code

<p id="app">
　　<my-component v-on:click.native="clickFun"></my-component>
</p>

JavaScript-Code

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

Ergebnis

Ich glaube, Sie haben es danach gemeistert Lesen Sie den Fall in diesem Artikel. Weitere spannende Methoden finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

So nutzen Sie Vue zur Optimierung der SMS-Verifizierungsleistung

So implementieren Sie vue-i18n und vue in vue project element-ui internationale entwicklung

Das obige ist der detaillierte Inhalt vonSo verwenden Sie den Modifikator .native in Vue.js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!