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

最新推荐文章于 2023-08-09 15:42:57 发布
最新推荐文章于 2023-08-09 15:42:57 发布
阅读量1.9k 收藏
点赞数
分类专栏： vue element template 的系统管理
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jiaoqi6132/article/details/107199905
版权

把它放在同级,并且

添加   hidden :true

需要放在同一个级别,

不然无法显示

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

 

 

树根朽木
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
vue+element使用动态加载路由方式实现三级菜单页面显示的操作
10-14
在Vue.js框架中，结合Element UI库，动态加载路由是一种高效的方法来管理复杂的应用程序菜单结构，特别是当涉及到多级菜单时。以下是如何使用这种方式实现三级菜单页面显示的详细步骤和知识点： 首先，动态加载路由...
vue-admin-element动态路由页面空白
Tom__cy的博客
08-12 3680
本人踩坑日志 1. { path: '*', redirect: '/404', hidden: true }, 在asyncRoutes动态路由最下面加入! ![垃圾blog图片不能显示草-------](https://img-blog.csdnimg.cn/20200812154735945.jpeg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0
vue父级路由没有component，造成子路由不显示
m0_52518047的博客
03-06 2461
在后台管理的开发过程中，导航栏经常会遇到这样的需求，父级路由只是用来展示，没有组件，这样会存在一个问题，就是嵌套的子路由显示不出来，如何解决这个问题我这里记录一下： export const children = [ // 关于D3.js的使用 { path:'/annotation', name:'annotation', component: {render: (e) => e("router-view")}, meta:{
vue-element-admin 中动态路由无法显示问题
mz917520857的博客
08-31 2061
vue-element-damin 中配置中router.addRoutes() 仍然无法显示问题
vue-element-admin中添加路由不显示，让一些不需要展示的路由隐藏，但还是能访问到。
熟悉JS拼写的FE
09-20 1882
vue-element-admin中添加路由不显示，让一些不需要展示的路由隐藏，但地址还是能访问到。 前言:在使用vue-admin搭建后台，注册路由时，发现注册的每个路由都会被显示到侧边栏，如果需要隐藏一些不被显示的路由，但是能正常跳转,怎么办?看看这篇博客 只需要在隐藏的路由上加一个hidden :true 以上红框框住的就是我需要隐藏的，这是我在admin中操作路由遇到的一个小问题。 下面是以上图片路由部分运行的效果图: 解决了吗?有帮助的话点个赞吧 更多推荐：wan
基于vue-admin-template的动态路由的问题解决
Goldfish_MIAO的博客
08-09 583
前端控制台报如下错误：首先经过一番网上搜索，有说是webpack的原因，调试后发现不是，然后再排查后台返回的组件地址。查看后台地址，错误原因即后台多加了个/，正确的组件地址为：刚开始遇到此类问题时，总以为是前端是不是写法错误，不支持之类的，然而我调试的时候，将动态路由写死进行调试可以正确返回，故思考后台返回组件地址的问题。
Vue设置路由后页面仍不显示为空白
热门推荐
qq_43840793的博客
03-31 1万+
问题现象 设置了路由，新增的页面的页面依然显示空白，没有任何报错。 问题原因与解决办法 出现这个问题只能说明路径或配置写错了。 第一步：检查配置：router/index.js中的routes不要写成routers,就是要少一个r。 第二步：检查页面路径是否写错。我这个是@/page/login，就不能写成@/src/page/login @/router也不要写错 反思 最近出现了很多错误都是字母大小写的问题，对于外部的配置或api一定要注意。同时，要记录一下日常错误，因为以前出错的问题解决了，现在
vue-element-admin中文版本
07-20
在 "vue-element-admin" 项目中，你将找到以下关键知识点： 1. **Vue CLI**：Vue-element-admin 基于 Vue CLI（Vue 的命令行工具）构建，它提供了一套自动化的工作流，用于快速初始化项目，包括自动配置打包、热...
vue-element-admin 集成框架设置中文语言
最新发布
11-10
Element UI本身提供了多语言支持，包括中文，因此在vue-element-admin中设置中文语言并不复杂。以下是详细的步骤和知识点： 1. **安装i18n插件**：首先，你需要确保项目已经安装了`element-ui`的国际化插件`element...
vue router路由嵌套不显示问题的解决方法
08-30
主要为大家详细介绍了vue router路由嵌套不显示的问题，具有一定的参考价值，感兴趣的小伙伴们可以参考一下vue-router 路由嵌套不显示问题
vue项目加上路由组件页面不显示
weixin_61286286的博客
05-01 4123
注意：切记已经要export default router导出，不然在下面main.js中配置是import导入会找不到index.js这个文件。查看项目文件中package.json(或package-lock.json)中vue-router依赖是否成功添加。这个问题的主要还是路由没有配置好，导致App.vue文件无法显示，下面是。配置路由表index.js。
Vue三层嵌套路由页面不显示问题，vue-element-admin三层路由显示空白
coderYYY的博客
11-18 2913
渲染不出来是因为第二层那里缺少一个容器，用一个组件专门用来渲染即可。
vue3 后台管理系统关于路由遇到的一些小问题
weixin_44832362的博客
12-10 562
vue3 后台管理系统关于路由遇到的一些小问题
Vue3+Element-Plus 实现首页Main区域内容展示功能 二八
build2024
12-13 6673
1.实现的原理 1.1 用户登录成功后，默认展示出来的是home 组件，如需要在用户进入首页后，需要展示出一个欢迎（Welcome）页面，显示在（Main）主体区域。需要展示的欢迎组件是通过设置子路由规则，使用重定向（redirect） 来实现 2. 如何实现 2.1 首先，应定义一个欢迎（Welcome）组件 2.2 其次，欢迎（Welcome）组件定义好后，需要在（Main）内容主体区域定义一个路由占位符，用来展示（Welcome） 组件 2.3 最后，在路由规则设置中，..
解决新增的vue页面不能通过router-view显示出来的问题
l_iu11的博客
03-01 1459
创建了一个vue新项目，TestView.vue是我新增的，其它是通过脚手架创建自动生的。TestVIew页面配置了路由，但是页面跳转的时候渲染不出来，不清楚是什么原因。TestHello // 要被引用一下否则会报错。msg: "hello 这是主页",hello 这是主页{{ msg }}求教呀~~~~~，请问有人知道为什么吗？最后testview就是不展示。
vue3+elementplus后台管理系统，实现侧边栏菜单显示到主内容区域
低代码布道师的博客
07-24 2982
我们本篇主要是解决了侧边栏导航点击的时候显示到主内容区域的问题，需要设置好路由的嵌套关系，让菜单启用路由功能，并且在主内容区域设置路由视图。
ElementUI NavMenu导航菜单,跳转到包含子路由的路由时，导航菜单项不高亮显示
小张与BUG
10-08 4313
ElementUI NavMenu导航菜单,跳转到包含子路由的路由时，导航菜单项不高亮显示
vue-admin-template中vue动态路由不显示问题解决
wendyGao_Yin的博客
05-10 1623
vue-admin-element 、vue-admin-template 动态路由实现，亲测有效，真实项目使用经验总结！
在 Vue-element-admin 中定义的异步路由 asyncRoutes 全部不显示，但是dynamicRoutes动态路由显示了
06-09
如果在 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、付费专栏及课程。

余额充值