使用router.replace解决路由跳转问题
  TzIKhmlW4Wk4 2023年12月19日 53 0

需求:A页面跳转到B页面,B页面带参跳转到C页面,C页面点击确定带参跳转回B页面。但是C页面点击返回按钮可返回到B页面,B页面点击返回按钮可返回到A页面。

即A->B(带参)<->C(带参)

在Vue3中,如果全部使用router.push带参跳转,则返回时路由跳转会变得很混乱。

解决方法:B和C页面的相互跳转全部使用router.replace,即在路由跳转栈中把栈顶元素换成新的页面元素。

示例代码为:

if (route.query.mode === 'viewerUser') {
  router.replace({
    path: '/viewerUserList',
    query: {
      mode: 'addOrganization'
    }
  });
  return;
}

即可。



【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2023年12月19日 0

暂无评论

推荐阅读
TzIKhmlW4Wk4