vue - 路由跳转新页面后回到顶部

前言 vue路由跳转新页面，如果有滚动条的话，会保持和原来位置回到顶部解决方法1、全局设置路由跳转回到顶部，router.js中router.afterEach((to,from,next)=>{window,scrollTo(0,0)})2、单个页面路由跳转回到顶部mounted () {this.$router.afterEach((to,f

idomyway

3803人浏览 · 2020-12-15 23:20:54

idomyway · 2020-12-15 23:20:54 发布

前言

vue路由跳转新页面，如果有滚动条的话，会保持和原来位置回到顶部

解决方法

1、全局设置路由跳转回到顶部，router.js中

router.afterEach((to,from,next)=>{
  window,scrollTo(0,0)
})

2、单个页面路由跳转回到顶部

mounted () {
  this.$router.afterEach((to,from,next)=>{
    window,scrollTo(0,0)
  })
}

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