首页 > 其他分享 >使用router.replace解决路由跳转问题

使用router.replace解决路由跳转问题

时间:2023-12-15 22:24:18浏览次数:25  
标签:replace 带参 跳转 router 路由 页面

需求: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;
}

即可。

标签:replace,带参,跳转,router,路由,页面
From: https://www.cnblogs.com/luoyihao/p/17904277.html

相关文章

  • 【HarmonyOS】如何实现entry模块页面跳转HSP共享包页面(API9)
    【关键字】API9、ArkTS、跨包路由跳转、entry模块页面跳转HSP共享包页面 【写在前面】本篇文章主要介绍使用API9ArkTS开发鸿蒙应用时,如何实现从entry模块或feature模块页面,跳转到HSPlibrary模块的页面。 【开发步骤】第一步:在API9Stage模型的工程中,【右键-New-Module......
  • VueRouter 路由使用
    一安装对应版本的VueRouter二在main.js做相关操作  importVuefrom'vue'importAppfrom'./App.vue'//引入路由配置文件importrouterfrom'./router/index.js'Vue.config.productionTip=false//引入实例对象newVue({ el:"#app",render:h=......
  • 汇编-JGE有符号大于等于则跳转
      .386.modelflat,stdcalloptioncasemap:none.stack4096IncludeIrvine32.incincludelibIrvine32.libExitProcessPROTO,dwExitCode:DWORD.data.codemainPROCmoveax,+100cmpeax,+10jgelabel0;有符号大于......
  • 汇编-JNGE有符号小于则跳转
     .386.modelflat,stdcalloptioncasemap:none.stack4096IncludeIrvine32.incincludelibIrvine32.libExitProcessPROTO,dwExitCode:DWORD.data.codemainPROCmoveax,+10cmpeax,+100jngelabel0;有符号小于则......
  • 汇编-JNG有符号小于等于则跳转
      .386.modelflat,stdcalloptioncasemap:none.stack4096IncludeIrvine32.incincludelibIrvine32.libExitProcessPROTO,dwExitCode:DWORD.data.codemainPROCmoveax,+10cmpeax,+10jnglabel0;有符号小于......
  • 汇编-JG有符号大于则跳转
     .386.modelflat,stdcalloptioncasemap:none.stack4096IncludeIrvine32.incincludelibIrvine32.libExitProcessPROTO,dwExitCode:DWORD.data.codemainPROCmoveax,+10cmpeax,+10jglabel0;有符号大于则跳......
  • 汇编-JNAE无符号小于则跳转
     .386.modelflat,stdcalloptioncasemap:none.stack4096IncludeIrvine32.incincludelibIrvine32.libExitProcessPROTO,dwExitCode:DWORD.data.codemainPROCmoveax,10cmpeax,100;比较eax和10的大小jnaelabel......
  • 汇编-JE等于则跳转和JNE不等于则跳转
     JE等于则跳转 .386.modelflat,stdcalloptioncasemap:none.stack4096IncludeIrvine32.incincludelibIrvine32.libExitProcessPROTO,dwExitCode:DWORD.data.codemainPROCmoveax,10cmpeax,10;相等相减......
  • 汇编-jp奇偶标志位PF=1则跳转(1的个数为偶数则跳转)
      .386.modelflat,stdcalloptioncasemap:none.stack4096IncludeIrvine32.incincludelibIrvine32.libExitProcessPROTO,dwExitCode:DWORD.data.codemainPROCandal,00000011b;让奇偶标志位PF=1jpt1;奇偶......
  • 汇编- jns符号位SF=0则跳转(非负数则跳转)
     .386.modelflat,stdcalloptioncasemap:none.stack4096IncludeIrvine32.incincludelibIrvine32.libExitProcessPROTO,dwExitCode:DWORD.data.codemainPROCandal,00000001b;让符号位SF=0jnst1;jns符号位S......