业务场景:新闻列表进入详情页, 详情页中有相关文章也可以点击进入详情,点击返回按钮, 进入上一次阅读的文章 (关注房金 云小程序中头条中体验)

//  在watch函数中监听路由变化
watch: {
            '$route': function (){
                 ...
                 重新新页面的数据信息
            }
},

返回上一级的时候, 会有记录上一个页面的位置情况,此时可以使用v-if v-else 来解决回到页面顶端的问题
如果路由用的history的情况,可以参考一下滚动行为

const router = new VueRouter({
      routes: [...],
      scrollBehavior (to, from, savedPosition) {
        // return 期望滚动到哪个的位置
      }
})
Logo

前往低代码交流专区

更多推荐