在vue中使用jquery的方式拼接html中的@click事件失效的解决方案

无奈，本来不该有这种情况出现的。但是既然遇见了，就总结一下解决方案：

  
   td.innerHTML = '<mt-button onclick = "get_Gzinfo('+gz_id[i]+')" class="b_success">' + gz_code[i] + '</mt-button>';

查了资料都说，@click.native=XXX,要加上native才可触发点击事件。这种方法不得行，并不能解决我们的问题。

解决

1.created()里边加上：

      let _this=this;        
      window.get_Gzinfo= _this.get_Gzinfo

2.在methods里边定义方法：

        get_Gzinfo: function (value) {
                 console.log("----->"+value)

        },

3.把@click.native或者@click 替换使用原生的onclick，方法有无参数都带上括号。

  
   td.innerHTML = '<mt-button onclick = "get_Gzinfo('+gz_id[i]+')" class="b_success">' + gz_code[i] + '</mt-button>';