JavaScript — обработчик события Vue для динамически вставленной строки не работает

Обработчик события Vue для динамически вставленной строки не работает

Вы не можете отобразить код VueJS из HTML-строки.

Вы можете решить эту проблему с помощью v-if

 {amp}lt;div{amp}gt; {amp}lt;div v-if="data"{amp}gt;I will be replaced once you click on button{amp}lt;/div{amp}gt; {amp}lt;div v-else{amp}gt;Why does click me not work? It is loaded from server via ajax {amp}lt;a href @click.prevent='clickMe'{amp}gt;Click Me{amp}lt;/a{amp}gt;{amp}lt;/div{amp}gt; {amp}lt;button @click="replace"{amp}gt;Click Me to replace div contents{amp}lt;/button{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;script{amp}gt; export default { data() { return { data: true } }, methods: { clickMe() { alert("worked"); }, replace(){ this.data = !this.data; } } }; 

Вы можете вызывать обычную функцию javascript из строки, но не функцию vuejs, поэтому событие onclick также будет работать.

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector