vue.js v-html怎么无法触发点击事件？什么原因？怎么解决？下面本篇文章给大家分享一下VUE解决 v-html不能触发点击事件问题的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。
vue.js v-html怎么无法触发点击事件？
背景：后端返前端html格式的数据，前端用v-html解析渲染，如：<a @click="show(1)"></a>，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>&#<p style="color:transparent">来源gao!daima.com搞$代!码网</p>39;,
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>
页面：
控制台：
更多web开发知识，请查阅 搞代码网 ！！
以上就是vue.js v-html怎么无法触发点击事件？的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：vue.js v-html怎么无法触发点击事件？
转载请注明原文链接：vue.js v-html怎么无法触发点击事件？
