关于element-ui 2.11及其以上版本,el-image点击跳转导致body滚动条消失的解决,(本人开发的时候,最新版本2.13,还未解决,后面若是解决,请更新版本忽视)
2.10及其以下没有这个问题,主要是点击图片预览(全屏预览锁定滚动条)和点击图片跳转(路由改变预览被覆盖)冲突造成的;解决方法:
1、降低版本
2、事件捕获(跳转加在el-image的父级,到父级截至,不往下传播)
3、外加div遮挡图片(就是不让点击图片,点击遮挡div跳转);
后两种我没测,理论上推测,有兴趣可以试试
4 、改源码(个人开发或下载依赖的可以)
在node_modules =》element-ui =》 lib =》 element-ui.common.js => 第38219行 添加下面的代码即可。
可能行号不一样,但是方法名称一样的,所以还请检查一下方法名称。
if(!this.preview)return;