vue innerHTML 绑定单击事件不生效的解决

div.innerHTML =
      "<el-button size='mini' type='text'  @click='handleUpdate1("+JSON.stringify(warnCntItem)+")' style='color: #f56c6c'> "+warnCntItem.warnCnt+"</el-button>" ;
document.getElementById("block").appendChild(div);

 let that = this;
   document.getElementById("elementid").onclick =
          function clickdiv() {
            // “clickWarnCnt”为自定义的方法,点击事件调用的方法

            that.clickWarnCnt(warnCntItem);
          };
      }

str =`
    <div class="car_detail">
        <div class="car_detail_header">
            <p>驾驶员：${content.drivername? content.drivername: ""}</p>
            <p>车牌号：${content.carNumber ? content.carNumber : ""}</p>
            <p>
                <button  onclick="previewNvrVideo(1)">1号摄像头</button>
            </p>

    mounted() {
        let self = this;
        //模板参数传参
        const _this = this
        window.previewNvrVideo = function (channelNum) {
            _this.nvrPreview(channelNum);
        }
 
    },

    methods: {
        nvrPreview(channelNum){
        },
   }