关于前端:Vue-elpopconfirm-confirm事件失效

60次阅读

共计 676 个字符,预计需要花费 2 分钟才能阅读完成。

状况:
<el-popconfirm></el-popconfirm> 绑定的 onConfirm 事件在开发环境失效,在生产环境不失效。
相干库版本:vue 2.6.11,element-ui 2.13.0

起因:开发环境和生产环境对应的源码不同,源码中的事件不同。
npm 引入的源码,绑定事件为 onConfirm,CDN 引入的源码,绑定事件为 confirm。

<el-popconfirm hide-icon title="确定清空吗?" @onConfirm="confirm">
    <el-button slot="reference"> 清空 </el-button>
</el-popconfirm>

↑下面这个写法,开发环境无效,部署到生产环境之后,确认事件生效了

↓应用上面这个写法,生产环境无效,开发环境有效

<el-popconfirm hide-icon title="确定清空吗?" @confirm="confirm">
    <el-button slot="reference"> 清空 </el-button>
</el-popconfirm>

最终,给 el-popconfirm 同时绑定两个事件 (confirm 及 onConfirm)

<el-popconfirm hide-icon title="确定清空吗?" @confirm="confirm" @onConfirm="confirm">
    <el-button slot="reference"> 清空 </el-button>
</el-popconfirm>

完结

同步更新到本人的语雀
https://www.yuque.com/diracke…

正文完
 0