当前位置:   article > 正文

解决el-dialog弹框出现后页面滚动条可滚动问题_el-dialog 滚动条

el-dialog 滚动条
  1. <el-dialog
  2. title="提示" //title属性用于定义标题,它是可选的,默认值为空
  3. :visible.sync="dialogVisible" //是否显示 Dialog
  4. width="30%"
  5. :before-close="handleClose" //关闭前的回调,会暂停 Dialog 的关闭
  6. @open="stopSrcoll()"
  7. @close="openSrcoll()" //openclose是dialog的两个事件
  8. >

在methods方法里写

  1. stopSrcoll()
  2. {
  3. var mo=function(e){e.preventDefault();};
  4. document.body.style.overflow='hidden';
  5. document.addEventListener("touchmove",mo,false);//禁止页面滑动
  6. },
  7. openSrcoll()
  8. {
  9. var mo=function(e){e.preventDefault();};
  10. document.body.style.overflow='';//出现滚动条
  11. document.removeEventListener("touchmove",mo,false);
  12. },

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/煮酒与君饮/article/detail/1002836
推荐阅读
相关标签
  

闽ICP备14008679号