记录 element-ui版本不兼容问题导致popconfirm组件线下、线上表现不一致

项目场景:

使用element ui + vue 开发后台系统时,遇到一个表格操作需求点击进行某个操作,但是这个操作前需要进行确认提醒后才能真正处理,
这里使用按钮加确认组件做交互:

  

问题描述:

以上代码在本地测试没有问题,提交到线上,经过线上打包发布平台发布后,奇怪的问题出现了:点击按钮确认弹框弹出,但是点击确认并无反应,chrome控制台没有发生错误也没有发生网络请求,线下都是正常的。

原因分析:

看来看去感觉前端element不一致,后来找到package.json,发现其中使用的element版本是:

    "element-ui": "^2.12.0",

前面 ^ 这个符号带边对element-ui的依赖大于2.12.0即可,它代表一个动态值,例如现在elment-ui的最小版本是2.12.5,那么打包在不使用缓存的情况下,它应该是2.12.5。由于这个原因判断是不是 popconfirm组件在不同版本之间发生不兼容的情况,后查阅API文档,发现最新版本和2.12.0的版本事件名不一样。线上打包为加快速度,使用了npm缓存,而我本地是拉取了最新版本。

解决方案:

线上打包勾选不使用缓存即可。

你可能感兴趣的:(Vue,错误记录)