vue router-link跳转之后带来的滚动问题

作者: DY_宇 | 来源:发表于2017-10-25 14:54 被阅读0次

各位同学可能会遇到一个问题，router-link的跳转可能会带上当前页面的scrollTop到跳转页，造成我们不希望得到的效果
当然，如果想特意做到这样的效果可以参考vue滚动行为

这个最直接简单粗暴的方法还是在跳转页面进行scrollTop清零的处理

methods: {
  // 加载的时候从上开始显示
  scrollTop () {
    document.body.scrollTop = 0
  }
},
created () {
  this.scrollTop()  // 执行清零scrollTop操作
}

vue router-link跳转之后带来的滚动问题
各位同学可能会遇到一个问题，router-link的跳转可能会带上当前页面的scrollTop到跳转页，造成我们不...
vue跳转页面
vue有两种方法跳转页面使用router-link 使用$router.push 。在需要被触发跳转的元素上绑定...
vue中很少用到的点，但却很实用的点
1.用vue做单页应用时，当页面滚动之后，跳转到其他页面，如果跳转到的页面大于一屏的高度，该页面的滚动条不会置顶 ...
router-link标签的简单使用
vue项目的链接代替标签，router-link相当于a标签。to约等于href 跳转当前子路由直接传子路由跳转...
Vue路由基础知识点
vue构建 router-link实现跳转 $router事件跳转无用户输入地址时的默认展示组件二级、三级路由...
滚动条恢复行为
问题 Vue路由跳转，目标页面会继承起始页面的滚动条的位置。 history.scrollRestoration ...
vue中通过路由跳转的三种方式
1、router-link 【实现跳转最简单的方法】注意：跳转的链接要在路由...
vue mint-ui 之cell中路由跳转
cell常见用法那在vue中如何使用to跳转到路由并传参呢？？？其实是和vue中的router-link中的to...
router(守卫：跳转之前router.beforeEach;
作用：跳转前进行判断拦截。 vue中使用vue-router切换页面时滚动条自动滚动到顶部的方法

网友评论

本文标题：vue router-link跳转之后带来的滚动问题

本文链接：https://www.haomeiwen.com/subject/rxeqpxtx.html

vue router-link跳转之后带来的滚动问题