使用Vue+elementUI开发前端页面，打开对话框时页面出现抖动的问题

**打开对话框时页面出现抖动是因为页面的右侧出现滑块,打开对话框的时候滑块消失造成抖动。**<style scope>/* 防止打开对话框时页面的抖动 */body{padding-right: 0px !important;overflow: hidden;}</style>如果按照上述的设置不会起到作用，因为"<style scope>"中将css样式设定为

墨者大数据

3578人浏览 · 2020-10-27 11:06:20

墨者大数据 · 2020-10-27 11:06:20 发布

在这里插入图片描述
**

打开对话框时页面出现抖动是因为页面的右侧出现滑块,打开对话框的时候滑块消失造成抖动。

<style scope>
/* 防止打开对话框时页面的抖动 */
body{
  padding-right: 0px !important;
  overflow: hidden;
}
</style>
如果按照上述的设置不会起到作用，因为"<style scope>"中将css样式设定为局部的。所以需要将"scope"去掉。

Vue

前往低代码交流专区

更多推荐

Vue里echarts根据页面大小动态调整/自适应

Vue

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^