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

52次阅读

共计 494 个字符,预计需要花费 2 分钟才能阅读完成。

代码如下,通过在 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)
        },
   } 

正文完
 0