vue.js无法触发事件是因为vue没有将其作为vue的模板解析渲染，其解决办法就是不用v-html，而是通过component模板编译渲染前端数据即可。
本教程操作环境：windows7系统、vue3版，dell g3电脑。
vue.js v-html无法触发点击事件？
背景：
后端返前端html格式的数据，前端用v-html解析渲染，如：0860afac8b47fd0b5f1de171b4f0998e5db79b134e9f6b82c0b36e0489ee08ed，a标签能成功渲染，但其绑定的事件无法触发。
原因：
vue没有将其作为vue的模板解析渲染
解决方案：
不用v-html而是component模板编译
上干货：
<template> <div class="hello"> <h1> 我是父组件 </h1> <div class="parent" id="parent"> </div> </div></template> <script> import vue from 'vue'; var mycomponent = vue.extend({ template: '<a @click="show(1)">我是大魔王</a>', methods: { show(i) { console.log(i); }, } }); var component = new mycomponent().$mount(); export default { data() { return { } }, methods: { }, mounted() { document.getelementbyid('parent').appendchild(component.$el); } }</script> <style scoped></style>
页面：
控制台：
【相关文章推荐：vue.js】
以上就是vue.js无法触发事件怎么办的详细内容。