Heim  >  Artikel  >  Was soll ich tun, wenn vue.js keine Ereignisse auslösen kann?

Was soll ich tun, wenn vue.js keine Ereignisse auslösen kann?

藏色散人
藏色散人Original
2021-01-14 09:33:333423Durchsuche

vue.js kann keine Ereignisse auslösen, da Vue es nicht als Vue-Vorlage analysiert und rendert. Die Lösung besteht nicht darin, V-HTML zu verwenden, sondern die Front-End-Daten über die Komponentenvorlage zu kompilieren und zu rendern.

Was soll ich tun, wenn vue.js keine Ereignisse auslösen kann?

Die Betriebsumgebung dieses Tutorials: Windows7-System, Vue3-Version, DELL G3-Computer.

vue.js v-html kann kein Klickereignis auslösen?

Hintergrund:

Das Backend gibt Daten im HTML-Format an das Frontend zurück, und das Frontend verwendet V-HTML zum Parsen und Rendern, wie zum Beispiel: a>, das Tag kann erfolgreich gerendert werden, seine gebundenen Ereignisse können jedoch nicht ausgelöst werden.

Ursache:

vue hat es nicht analysiert und als Vorlage für Vue gerendert

Lösung:

Verwenden Sie kein V-HTML, sondern Kompilierung von Komponentenvorlagen

Online-Informationen:

<template>
 <div class="hello">
  <h1>
   我是父组件
  </h1>
  <div class="parent" id="parent">
  </div>
 </div>
</template>
 
<script>
 import Vue from &#39;vue&#39;;
 var MyComponent = Vue.extend({
  template: &#39;<a @click="show(1)">我是大魔王</a>&#39;,
   methods: {  
   show(i) {
    console.log(i);
   },
  }
 });
 var component = new MyComponent().$mount();
 export default {
  data() {
   return {
   }
  },
  methods: {
  },
  mounted() {
   document.getElementById(&#39;parent&#39;).appendChild(component.$el);
  }
 }
</script>
 
<style scoped>
</style>

Seite:

Was soll ich tun, wenn vue.js keine Ereignisse auslösen kann?

Konsole:

Was soll ich tun, wenn vue.js keine Ereignisse auslösen kann?

【Empfohlene verwandte Artikel: vue.js

Das obige ist der detaillierte Inhalt vonWas soll ich tun, wenn vue.js keine Ereignisse auslösen kann?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn