是这样的:如果我从数据概览或者终端详情页面进到用户中心,然后点击基本设置,修改密码,基本设置,修改密码。。。
点击返回想回到数据概览或者终端详情
怎么办?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);
},