vue.js v-html怎么无法触发点击事件?什么原因?怎么解决?下面本篇文章给大家分享一下VUE解决 v-html不能触发点击事件问题的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。
vue.js v-html怎么无法触发点击事件?
背景:后端返前端html格式的数据,前端用v-html解析渲染,如:,a标签能成功渲染,但其绑定的事件无法触发。
原因:vue没有将其作为vue的模板解析渲染
解决方案:不用v-html而是component模板编译
上干货:
我是父组件
import Vue from 'vue';
var MyComponent = Vue.extend({
template: '我是大魔王',
methods: {
show(i) {
console.log(i);
},
}
});
var component = new MyComponent().$mount();
export default {
data() {
return {
}
},
methods: {
},
mounted() {
document.getElementById('parent').appendChild(component.$el);
}
}
页面:
控制台:
更多web开发知识,请查阅 HTML中文网 !!