【VUE】页面加载滚动条不见

VUE页面加载滚动条不见

侠客v

3221人浏览 · 2022-08-04 21:48:36

侠客v · 2022-08-04 21:48:36 发布

问题：VUE页面加载滚动条不见

正常情况

在这里插入图片描述

问题情况

在这里插入图片描述

原因：

原因就是页面跳转后，body被加上了一个style="overflow: hidden;

在这里插入图片描述

解决方法

1、为body设置属性overflow: auto !important;

在这里插入图片描述

2、第二种：用路由设置属性

router.afterEach((to, from, next) => {
  document.querySelector("body").setAttribute("style", "overflow: auto !important;")
});

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}$/, //不连续的两位字母// /^