关于vue.js:Vue中动态拼接innerHTML时添加点击click事件并调用vue方法

代码如下,通过在innerHtml增加onclick=’windowAddClickTag(1)’办法

          let content = document.createElement('div')
            content.innerHTML = 
            `<div onclick='windowAddClickTag(1)'>
            <p style='background:#0849B4;border: 2px solid #FFFFFF; padding: 0 13px; width: 120px;color: #FFFFFF;text-align: center;line-height: 48px;'>自定义标签</p>
            <img src="${icon}" style='width: 40px; height: 40px; margin: 0 40px;'"/>
            </div>`

并且在mounted增加该办法

    mounted() {
        window.windowAddClickTag = data => {
          this.handleClickTag(data)
        }
      },

就能够调用了

methods: {
        handleClickTag(data){
            console.log(data)
        },
   } 

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理