vue使用心得----相同路由跳转问题
业务场景:新闻列表进入详情页, 详情页中有相关文章也可以点击进入详情,点击返回按钮, 进入上一次阅读的文章 (关注房金云小程序中头条中体验)watch: {‘route’: function (){     &
·
业务场景:新闻列表进入详情页, 详情页中有相关文章也可以点击进入详情,点击返回按钮, 进入上一次阅读的文章 (关注房金 云小程序中头条中体验)
// 在watch函数中监听路由变化
watch: {
'$route': function (){
...
重新新页面的数据信息
}
},
返回上一级的时候, 会有记录上一个页面的位置情况,此时可以使用v-if v-else 来解决回到页面顶端的问题
如果路由用的history的情况,可以参考一下滚动行为
const router = new VueRouter({
routes: [...],
scrollBehavior (to, from, savedPosition) {
// return 期望滚动到哪个的位置
}
})
更多推荐
已为社区贡献1条内容
所有评论(0)