一、该问题的重现步骤是什么?
1. 我想将后台管理与前台业务功能分离,做两个首页,我将saber项目下page/index文件夹及其子项复制了一份,改名为console,然后配置了一个访问console/index页面的路由,可以从默认的首页跳转到console/index页面,但是点击console页面左侧的菜单都会跳转到默认首页,麻烦协助解决一下,谢谢
2.
3.
二、你期待的结果是什么?实际看到的又是什么?
我期待的结果是在console页面点击菜单,在console页的功能区打开页面,实际上是,不论我点击哪个菜单都会跳转到系统默认的首页
三、你正在使用的是什么产品,什么版本?在什么操作系统上?
产品:BladeX 2.5.1
系统:windows 10
四、请提供详细的错误堆栈信息,这很重要。
五、若有更多详细信息,请在下面提供。
配置修改步骤:
1、将src/page/index文件夹复制一份,重命名为console
2、在src/page/index/top/index.vue文件中,添加一个下拉菜单,如下图所示
<el-dropdown-item>
<router-link to="/console">控制台</router-link>
</el-dropdown-item>
3、在src/page/console/top/index.vue文件中,添加一个下拉菜单,如下图所示
<el-dropdown-item>
<router-link to="/">首页</router-link>
</el-dropdown-item>
4、在src/router/page/index.js文件中增加一条路由,如下所示
{
path: '/console',
name: '后台管理',
component: () =>
import( /* webpackChunkName: "page" */ '@/page/console/index'),
meta: {
keepAlive: true,
isTab: false,
isAuth: false
}
},
5、然后登陆系统后,进入首页,通过头像的下拉菜单访问控制台,不论怎么点都是跳转到首页,如果把src/console/index中的<tag>标签删掉,可以正常跳转到console/index页面,但是在此页面点击任何菜单都是跳转到首页。
工程文件page文件夹和router文件夹见附件
把配置修改的地方以及详细重现步骤发一下,提供的这些信息没法找到问题。
最好是直接传一个简化的demo工程到这个帖子,我下载后就可以直接帮你看了
配置修改步骤:
1、将src/page/index文件夹复制一份,重命名为console
2、在src/page/index/top/index.vue文件中,添加一个下拉菜单,如下图所示
<el-dropdown-item>
<router-link to="/console">控制台</router-link>
</el-dropdown-item>
3、在src/page/console/top/index.vue文件中,添加一个下拉菜单,如下图所示
<el-dropdown-item>
<router-link to="/">首页</router-link>
</el-dropdown-item>
4、在src/router/page/index.js文件中增加一条路由,如下所示
{
path: '/console',
name: '后台管理',
component: () =>
import( /* webpackChunkName: "page" */ '@/page/console/index'),
meta: {
keepAlive: true,
isTab: false,
isAuth: false
}
},
5、然后登陆系统后,进入首页,通过头像的下拉菜单访问控制台,不论怎么点都是跳转到首页,如果把src/console/index中的<tag>标签删掉,可以正常跳转到console/index页面,但是在此页面点击任何菜单都是跳转到首页。
工程文件page文件夹和router文件夹见附件
扫一扫访问 Blade技术社区 移动端