vue中使用vue-router切换页面时滚动条自动滚动到顶部的方法

//路由跳转后，页面回到顶部router.afterEach(() => {document.body.scrollTop = 0;document.documentElement.scrollTop = 0;})在网上查了一下，网友说还可以试试在main.js入口文件配合vue-router写上面这个；另一种方法：export default n...

随便起的名字也被占用

6992人浏览 · 2018-11-12 18:24:32

随便起的名字也被占用 · 2018-11-12 18:24:32 发布

//路由跳转后，页面回到顶部
router.afterEach(() => {
  document.body.scrollTop = 0;
  document.documentElement.scrollTop = 0;
})

在网上查了一下，网友说还可以试试在main.js入口文件配合vue-router写上面这个；

另一种方法：


export default new Router({
  mode: 'hash',
  // base: '/dist/',
  scrollBehavior: () => ({ y: 0 }), //路由跳转后页面回到顶部
  routes: []
})

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