vue拼接html中onclick的触发方式失效的解决方法

第一种方法

1.代码

<a class="pzid"   onClick="goPx(\''+item1.pzid+'\')" >点击</a>

注意： onClick=“goPx(‘’+item1.pzid+‘’)”
2.挂载

 mounted(){
    window.goPx=(pzid)=>{
      this.goPx(pzid)
    } 
  },
  methods: {
    goPx(pzid) {
      alert(pzid)
    },
  }

第二种方法

1.原来的代码如下，但是点击触发事件不起作用

var html = '<a class="pzid"  onclick="dj()" >点击</a>'
document.getElementById("dtTable").innerHTML = html ;

2.可修改为

var html = '<a class="pzid" id="111">aaa</a>'
document.getElementById("dtTable").innerHTML = html ;
//触发事件  通过class名称或id，进行触发
$(document).on('click','.pzid',function () {
       var pzid = $(this).attr('id')  //获取的参数
 })

注意：引用一下jquery