vue 模板字符串里添加html并绑定点击事件
在Vue中,我们经常会使用模板字符串。当然,现在的模板字符串使用方法也越来越多。在项目中,经常会遇到一个问题,就是需要在模板字符串中,写一个html元素,如下:let contentStr = `<p>我是模板字符串,点击我。</p>`如果需要在点击该html元素时,触发点击事件,那么把模板字符串改成:let contentStr = `<p onclick="cli
·
在Vue中,我们经常会使用模板字符串。当然,现在的模板字符串使用方法也越来越多。
在项目中,经常会遇到一个问题,就是需要在模板字符串中,写一个html元素,如下:
let contentStr = `<p>我是模板字符串,点击我。</p>`
如果需要在点击该html元素时,触发点击事件,那么把模板字符串改成:
let contentStr = `<p onclick="clickFun()">我是模板字符串,点击我。</p>`
// 注意,是onclick,不是@click
同时,定义该方法,并在钩子函数mounted中赋值该方法给window对象:
methods: {
clickFun() {
// 1、定义绑定的方法
}
},
mounted() {
// 2、复制给window对象
window.clickFun = this.clickFun;
}
如此便大功告成,点击html元素时即可触发点击事件啦~
更多推荐
已为社区贡献1条内容
所有评论(0)