关于element-ui 2.11及其以上版本,el-image

2020-03-26  本文已影响0人  Lucky_ad00

关于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;

上一篇下一篇

猜你喜欢

热点阅读