element-ui新版本el-image点击事件导致body标签滚动条消失的一个坑

举报
薛定喵君 发表于 2021/06/03 23:14:41 2021/06/03
【摘要】 element-ui图片标签的一个坑 相关源码 version: "2.13.0" node_modules->element-ui->lib->element-ui.common.js文件L38219附近 clickHandler: function clickHandler() { // prevent body scroll prev...

element-ui图片标签的一个坑

相关源码
version: "2.13.0"
node_modules->element-ui->lib->element-ui.common.js文件L38219附近


    
  1. clickHandler: function clickHandler() {
  2. // prevent body scroll
  3. prevOverflow = document.body.style.overflow;
  4. document.body.style.overflow = 'hidden';
  5. this.showViewer = true;
  6. }

导致的bug
页面上有图片上传按钮,点击上传图片之后发现页面无法向下滚动,body标签的溢出被隐藏,看不到页面底部的内容。

解决方法

  • el-image的父级元素阻止事件冒泡
  • 不使用el-image标签
  • element-ui 降版至2.10以下

文章来源: blog.csdn.net,作者:薛定喵君,版权归原作者所有,如需转载,请联系作者。

原文链接:blog.csdn.net/jsxg2009/article/details/115244562

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。