状况:
<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…