Wie kann die übergeordnete Komponente bei Verwendung von $emit in Vue nicht auf die Ereignisse der untergeordneten Komponente hören?

Im Folgenden werde ich einen Artikel darüber teilen, dass die übergeordnete Komponente die Ereignisinstanz der untergeordneten Komponente nicht überwachen kann, wenn Vue $emit verwendet. Er hat einen guten Referenzwert und ich hoffe, dass er für alle hilfreich ist.

Wenn Vue $emit verwendet, liegt der Grund dafür, dass die übergeordnete Komponente die Ereignisse der untergeordneten Komponente nicht abhören kann, darin, dass der von $emit übergebene Ereignisname nur Kleinbuchstaben sein kann und nicht in Großbuchstaben benannt werden kann Regel

<p id="counter-event-example">
  <p>{{ total }}</p>
  <button-counter v-on:ee="incrementTotal"></button-counter>
  <button-counter v-on:eEvent="incrementTotal"></button-counter>
  <child ref="cmpSelect" v-on:ee="incrementTotal" option-api-url="/api/admin/cms/cmsCategory/getOptions.do"></child>
 </p>
 <script>
  Vue.component(&#39;button-counter&#39;, {
   template: &#39;<button v-on:click="increment">{{ counter }}</button>&#39;,
   data: function () {
    return {
     counter: 0
    }
   },
   methods: {
    increment: function () {
     this.counter += 1
     this.$emit(&#39;ee&#39;, this.counter);//有效
     this.$emit(&#39;eEvent&#39;, this.counter);//无效，不能使用大写的驼峰规则命名
    }
   },
  })
  new Vue({
   el: &#39;#counter-event-example&#39;,
   data: {
    total: &#39;点击下面的按钮&#39;
   },
   methods: {
    incrementTotal: function (b) {
     this.total = b;
    }
   }
  })
 </script>

Ich habe das Obige für Sie zusammengestellt und hoffe, dass es Ihnen in Zukunft hilfreich sein wird.

Verwandte Artikel:

Methode der domänenübergreifenden Anfrage über jQuery+JSONP (ausführliches Tutorial)

in Vue detailliert Interpretation des Unterschieds zwischen Methode und Berechnung (ausführliches Tutorial)

Durch Implementierung einer HTTP-Anfrage und Ladeanzeige in Vue2.0

Das obige ist der detaillierte Inhalt vonWie kann die übergeordnete Komponente bei Verwendung von $emit in Vue nicht auf die Ereignisse der untergeordneten Komponente hören?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!