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时，弹出一个对话框，对话框内存在点击事件。
就是这样的啦，希望可以帮到大家，看完留个赞吧！
作者：ClyingDeng
链接：https://juejin.cn/post/6844904038689931272
来源：稀土掘金
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
