在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
	}
}

Logo

前往低代码交流专区

更多推荐