怎样在嵌套路由中返回父路由的上一级

是这样的:如果我从数据概览或者终端详情页面进到用户中心,然后点击基本设置,修改密码,基本设置,修改密码。。。
点击返回想回到数据概览或者终端详情
怎么办?this.$router.push(’/…’)? 可是并不知道是从哪个页面进到个人中心的,如果还从动态路由进入就更不能用这个方法了

this.$router.go(-1)? 会返回到上一级,如果我在基本设置然后点击修改密码,只会返回到基本设置

//用户中心
    {
      path: '/user',
      name: 'user',
      meta: {
        title: '用户中心',
      },
      component: () => import('@/views/user/user.vue'),
      children: [
        {
          path: '/user',
          redirect: '/user/setup',
        },
        //基本设置
        {
          path: '/user/setup',
          name: 'setup',
          meta: {
            title: '基本设置',
          },
          component: () => import('@/views/user/setup/setup.vue'),
        },
        //修改密码
        {
          path: '/user/set-password',
          name: 'set-password',
          meta: {
            title: '修改密码',
          },
          component: () => import('@/views/user/set-password/set-password.vue'),
        },
        //新消息通知
        {
          path: '/user/new-message',
          name: 'message',
          meta: {
            title: '新消息通知',
          },
          component: () => import('@/views/user/new-message/new-message.vue'),
        },
      ],
    },
     //终端详情
    {
      path: '/equipment/dev-detail/:serialNum',
      props:true,
      name: 'dev-detail',
      meta: {
        title: '终端详情',
      },
      component: () => import('@/views/equipment/dev-detail/dev-detail'),
    },
    //数据概览大屏展示
    {
      path: '/general/map',
      name: 'general-map',
      meta: {
        title: '数据概览',
      },
      component: () => import('@/views/record/general/map'),
    },

解决方法:使用replace就不会留下记录
上代码

<a-menu
          style="
            width: 228px;
            height: 712px;
            padding-top: 24px;
            border-radius: 10px 0 0 10px;
          "
          :default-selected-keys="[this.$route.path]"
          :selectedKeys="[this.$route.path]"
          mode="inline"
        >
          <a-menu-item key="/user/setup">
            <router-link to="/user/setup" replace>基本设置</router-link>
          </a-menu-item>
          <a-menu-item key="/user/set-password">
            <router-link to="/user/set-password" replace>修改密码</router-link>
          </a-menu-item>
          <a-menu-item key="/user/new-message">
            <router-link to="/user/new-message" replace>消息通知</router-link>
          </a-menu-item>
        </a-menu>
goBack() {
      this.$router.go(-1);
    },
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值