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