历史背景
新入职了一家公司,一看技术栈,vue2+element-ui,心里窃喜,小意思。然后来了需求,一个图片放大的功能,直接用了elemnt-ui中的image插件,一看版本不支持,升级element-ui的版本,然后一顿操作下来,效果实现,完美,体测。 刚升到测试一会,收到反馈有页面显示不出来,页面显示卡死。心想不科学啊,我就加了几行代码怎么就卡死了,一看相关页面,自己也没改动这个页面,不应该是我的问题啊,然后就是看接口,接口正常。这锅甩不出去了,咋搞。毫无头绪!
解决问题的思路
既然这个页面卡死,那就把这页面的逻辑一点一点的删掉,看看是那一段卡死的,然后就是一波删除操作。最后发现 是element-ui中的 el-dialog 中使用 el-tab-pane,其实这样使用也没毛病,关键在于,使用的时候,在el-tab-pane的标签中加了内容。这种写法在某些版本中是不行的,会出现卡死的现象
解决办法
第一种 知道原因以后,解决就快了,首先可以换一种el-dialog嵌套el-tab-pane的写法,但是我的项目中有太多地方这样写,导出粘贴复制,改起来,工作量有点大,如果是新项目,可以这样改 第二种 版本回退
总结
人家的插件不一定是很完美的,定位问题的时候,考虑版本问题,有时也是一种思路,不要只怀疑自己