在vue中使用字符串模板拼接的点击事件@click时点击事件失效

69 阅读 0 评论 46 点赞

我是靠谱客的博主文艺砖头，最近开发中收集的这篇文章主要介绍在vue中使用字符串模板拼接的点击事件@click时点击事件失效，觉得挺不错的，现在分享给大家，希望可以做个参考。

1.将@click 改成onClick

 str = `<p class="riskType">
<strong>风险点：</strong>
<a onClick="riskBox('${item.riskContent}','${item.riskTypeName}')">审查建议</a>
</p>`

2、在生命周期mounted中赋值方法给window对象，如：

window.riskBox = this.riskBox;

3.methods里的方法就可以正常使用了

methods:{
riskBox(riskContent,riskTypeName){
this.riskContent = riskContent
this.riskTypeName = riskTypeName
}
}

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。