Shulou(Shulou.com)06/02 Report--

Editor to share with you the vue.js can not trigger the event solution, I believe that most people do not know much about it, so share this article for your reference, I hope you will learn a lot after reading this article, let's go to know it!

Vue.js cannot trigger the event because vue does not parse and render it as a template for vue. The solution is to compile the rendering front-end data through the component template.

Vue.js v-html cannot trigger a click event?

Background:

The backend returns the data in the html format of the frontend, and the frontend uses v-html to parse and render. For example, the a tag can render successfully, but the event bound to it cannot be triggered.

Reason:

Vue does not parse and render it as a template for vue

Solution:

Compile with component templates instead of v-html

Add practical information:

I am the parent component import Vue from 'vue'; var MyComponent = Vue.extend ({template:' I am the Devil', methods: {show (I) {console.log (I);},}}); var component = new MyComponent (). $mount (); export default {data () {return {}, methods: {}, mounted () {document.getElementById ('parent') .appendChild (component.$el) }}

Page:

Console:

The above is all the content of the article "the solution to the event that vue.js cannot trigger". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

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.