vue 中动态添加html元素并绑定点击事件onclick
在vue 中,添加html元素,并在元素中添加点击事件,用原生的onclick来触发事件,将事件挂在window上1.拼接一段htmllet conten=`<button οnclick="come()">点我</button>`;mouseClickHandler(f) {//创建html元素let contentHTML = "<div style='width
·
在vue 中,添加html元素,并在元素中添加点击事件,用原生的onclick来触发事件,将事件挂在window上
1.拼接一段html
let conten=`<button οnclick="come()">点我</button>`;
mouseClickHandler(f) {
//创建html元素
let contentHTML = "<div style='width:80px; font-size:12px;font-weight:bold; opacity: 0.8;' onclick='toWaringInfo2("+f.id+")'>";
contentHTML += f.headline;
contentHTML += "</div>";
.....
}```
2.需要在methods中有一个函数
methods:{
come:function(){
alert('你好,再见!')
},
}
3.这一步就是连接起桥梁的关键点
created(){
let _this=this;
window.come=_this.come;
}
更多推荐
已为社区贡献2条内容
所有评论(0)