vue中动态创建html元素，并在元素中绑定click函数的问题

本文主要是介绍vue中动态创建html元素，并在元素中绑定click函数的问题，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

背景：vue项目开发中遇到了动态创建HTML元素并绑定click函数的问题，原本想着直接在methods中创建方法，绑定到onclick函数中，无效！！！
解决方法：

利用window全局变量的方式进行onclick函数绑定（其实就是把函数挂载到window上，这样你动态创建html元素的时候，它才知道你绑定的函数是什么）；

第一步：将你methods中的的函数挂载到window上，我这里选择在created生命周期中进行挂载，如下：

created() {window.clickHere= this.clickHere;},
methods: {clickHere(){alert("you click me!!!");}}

第二步：在动态创建的HTML元素中绑定onclick函数
如下：

let tooltip += "<div οnclick='clickHere()'>测试模块</div>";

此时onclick绑定的clickHere函数就会被浏览器所识别了！！！

mark一下

这篇关于vue中动态创建html元素，并在元素中绑定click函数的问题的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---