关于 vue element admin 添加路由不显示,以及在AppMain中显示

把它放在同级,并且

添加   hidden :true

需要放在同一个级别,

不然无法显示

如果上一级请求了component的话,在下一级就需要,可能就会显示父级的而不是自己的组件.这样会导致一些其他的问题.

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
如果在 Vue-element-admin 定义的异步路由 `asyncRoutes` 全部不显示,而动态路由 `dynamicRoutes` 显示了,可能是因为以下原因之一: 1. 用户角色信息获取失败:在 Vue-element-admin ,用户角色信息是从后端获取的,如果角色信息获取失败或者格式不正确,会导致路由无法正确显示。您可以在浏览器的开发工具查看控制台输出,检查是否存在角色信息获取失败的错误信息。 2. `asyncRoutes` 路由配置错误:在 Vue-element-admin ,异步路由 `asyncRoutes` 代表了所有动态生成的路由,如果路由配置错了也会导致路由无法正确显示。您可以检查 `asyncRoutes` 的每个路由的配置是否正确,例如路由的路径、组件、重定向等。 3. 路由元信息的 `roles` 属性设置错误:在 Vue-element-admin 路由元信息的 `roles` 属性用于控制该路由的访问权限,如果该属性设置错误,会导致路由无法正确显示。您可以检查 `asyncRoutes` 的每个路由的元信息,检查是否存在 `roles` 属性设置错误的情况。例如,如果某个路由的访问权限设置为 `admin`,但是用户的角色并没有 `admin` 角色,该路由就不会显示。 4. 菜单配置错误:在 Vue-element-admin ,菜单是根据路由自动生成的,如果路由无法正确显示,菜单也会无法正确显示。您可以检查 `src/layout/components/Sidebar/index.vue` 的菜单配置,检查是否存在菜单配置错误的情况。例如,如果某个路由的 `hidden` 属性设置为 `true`,该路由就不会在菜单显示。 5. `asyncRoutes` 路由没有添加到 `dynamicRoutes` :在 Vue-element-admin ,动态路由 `dynamicRoutes` 是根据用户角色动态生成的,而异步路由 `asyncRoutes` 是所有可能出现的路由集合。如果您没有将 `asyncRoutes` 路由添加到 `dynamicRoutes` ,那么这些路由就不会被动态生成。您可以检查 `src/store/modules/permission.js` 文件的 `GenerateRoutes` 方法,检查是否正确地将 `asyncRoutes` 路由添加到 `dynamicRoutes` 。 如果以上方法无法解决问题,建议您提供更详细的错误信息,或者将您的代码上传到 GitHub 等平台上,方便我们查看和调试。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值