Vue内HTML字符串绑定点击事件

Vue的事件绑定很简单，@click即可：

<el-button type="success" @click="submit()">提交</el-button>

然鹅，将上面整个代码写入js内，方法不好使，困扰了我许久！！！
我就不过多阐述我愚蠢的过程了，直接看解决方法吧。
以下方法我缩减编写：

<script>
methods:{
     creatPopup(e) {
      let html = `<div style="height:80px;padding-top:30px;" >
                  <div class="el-input el-input--mini el-input--suffix"><span>名称：</span><input type="text" style="width:160px" id="draw-name-input" class="el-input__inner" maxlength="10">
                  </div>
                  <div class="el-position" style="padding: 20px 0px 0px 50px;">
                  <button onclick="cancelPopup()" class="el-button el-button--mini is-plain">取消</button>
                  <button class="el-button el-button--mini el-button--primary" onclick="surePopup()">确认</button>
                  </div>
                </div>`;
      return html;
    },
    surePopup() {
      console.log("对话框确认！");
    },
    cancelPopup() {
      console.log("对话框取消！");
    },
}
</script>

要是想在html字符串内使用Element-Ui或者其他框架，也可以像我这样，把所需要的样式名复制放到字符串内哦^_^! 此方法适用于：点击按钮或者div的hover时，弹出一个对话框，对话框内存在点击事件。
就是这样的啦，希望可以帮到大家，看完留个赞吧！