在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
}
}
最后
以上就是文艺砖头最近收集整理的关于在vue中使用字符串模板拼接的点击事件@click时点击事件失效的全部内容，更多相关在vue中使用字符串模板拼接内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
![[Vue warn]: Failed to mount component: template or render function not defined. 错误解决方法](https://file2.kaopuke.com:8081/files_image/reation/bcimg7.png)
发表评论 取消回复