【element】解决element弹框组件el-dialog导致页面抖动问题:

文章目录

          • 一、问题:
          • 二、解决:
            • 【法1】 lock-scroll
            • 【法2】main.js
            • 【法3】修改body样式:


一、问题:

二、解决:
【法1】 lock-scroll

【element】解决element弹框组件el-dialog导致页面抖动问题:_第1张图片

【法2】main.js

【element】解决element弹框组件el-dialog导致页面抖动问题:_第2张图片

ElementUI.Dialog.props.lockScroll.default = false;
【法3】修改body样式:

【element】解决element弹框组件el-dialog导致页面抖动问题:_第3张图片

let mo=function(e){e.preventDefault();};

stop(){
	document.body.style.overflow='hidden';
	document.body.style.position='fixed';
	document.body.style.width='100%';
	document.addEventListener("touchmove",mo,false);//禁止页面滑动
},
move(){
	document.body.style.overflow='';//出现滚动条
	document.body.style.position='initial';
	document.body.style.height='1006px';
	document.removeEventListener("touchmove",mo,false);
},

你可能感兴趣的:(Vue框架,elementui,vue)