JavaScript——vue切换路由滚动条恢复到顶部

问题描述：vue是单页面应用。导致路由切换之后，之前的滚动距离会一直存在。然后会影响下一个页面的页面样式。问题解决：router.afterEach((to,from,next) => { window.scrollTo(0,0);});...

红烧金鱼草

3214人浏览 · 2018-08-09 18:00:58

红烧金鱼草 · 2018-08-09 18:00:58 发布

问题描述：vue是单页面应用。导致路由切换之后，之前的滚动距离会一直存在。然后会影响下一个页面的页面样式。

问题解决：

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