总结|VueRouter子路由不显示，不报错的问题

最新推荐文章于 2024-06-23 17:45:32 发布
最新推荐文章于 2024-06-23 17:45:32 发布
阅读量2k 收藏 4
点赞数
分类专栏： Vue 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_46635519/article/details/123297388
版权

总结|VueRouter子路由不显示，不报错的问题

  1. 没有写<router-view></router-view>
    • 子路由也要写
  2. 在配置子路由router的过程中子路由的path不用加"/"在这里插入图片描述
  3. 拼写错误：
  • 常见的一般是component拼写错误，包括：
    在这里插入图片描述
    在这里插入图片描述

4本人的错误

子路由可能写到了错误的父路由上，
我就是school的子路由写到了student上面

伊芙过客
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
VueRouter-在嵌套路由的过程中子路由不显示的问题
weixin_44161147的博客
07-18 5393
VueRouter-在嵌套路由的过程中子路由不显示的问题 代码场景 预期的是下面的展示： 新闻和消息为嵌套的路由，当点击新闻的时候，会展示新闻列表，当点击消息的时候，会出现消息列表 错误场景 但是当我运行的时候，点击新闻按钮，不显示新闻子路由的内容，点击消息按钮，也不显示消息子路由的内容，代码也没有报错 解决方案 1.父组件中没有写“router-view"标签，在父组件中补上即可： 2.在配置子路由router的过程中子路由的path没有加"/" { path: '/h
vue.js 底部导航栏 一级路由显示 子路由不显示的解决方法
10-18
下面小编就为大家分享一篇vue.js 底部导航栏 一级路由显示 子路由不显示的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue-router中子路由内容不显示
jolinoy的博客
03-07 3351
项目目录： 首先看下，我在User.vue下面挂载两个子组件：Posts.vue和Profile.vue。 两个子组件的代下如下： Posts.vue代码： // Posts.vue里面的内容 <template> <div> <h2>Posts页面</h2> </div> </template> <script> export default {
如何解决vue中的路由守卫失效问题
最新发布
无远弗届
06-23 926
路由守卫是前端开发中一个至关重要的概念，特别是在使用单页应用（SPA）框架如React、Vue或Angular时。它们充当了SPA中的“门卫”，控制着用户对不同页面的访问权限。路由守卫的核心功能是确保用户在访问特定页面之前满足一定的条件，比如登录状态、权限验证等。路由守卫是前端路由系统中的一个关键组件，用于在页面跳转前执行额外的逻辑，如权限验证、登录状态检查等。它们是SPA中保证页面访问安全和合理导航流程的基石。在诊断路由守卫问题时，我们需要系统地检查和验证每个可能影响路由守卫工作的因素。
vue父级路由没有component，造成子路由不显示
m0_52518047的博客
03-06 2488
在后台管理的开发过程中，导航栏经常会遇到这样的需求，父级路由只是用来展示，没有组件，这样会存在一个问题，就是嵌套的子路由显示不出来，如何解决这个问题我这里记录一下： export const children = [ // 关于D3.js的使用 { path:'/annotation', name:'annotation', component: {render: (e) => e("router-view")}, meta:{
vue.js 底部导航栏 一级路由显示 子路由不显示
LeachZhou的博客
06-21 6961
最近利用vue第三方UI MuseUI开发webapp，然后在导航栏这里出现了问题，我需要在导航栏上的几个路由上显示底部导航栏，在其他路由上不显示，就这个问题，MuseUI的底部导航栏直接加载在app.vue里面，会每个页面都有导航栏，所以这种方式不可行，后来我真的使出了浑身解数，去MuseUI作者GitHub上面提问，无果，去segmentfault上面提问，无果，去vue官方群提问，无果，在提问
vue router路由嵌套不显示问题的解决方法
08-30
通过以上步骤，大多数情况下都可以解决Vue Router的子路由不显示问题。如果问题仍然存在，建议查看浏览器的开发者工具中的网络请求和Vue Router的调试信息，以获取更详细的错误提示。此外，查阅Vue Router的官方文档...
vue-router3.0版本中 router.push 不能刷新页面的问题
11-30
然而，当开发者选择在组件外部或者不在Vue实例作用域内创建一个新的`router`实例，并尝试使用`router.push`时，就会遇到上述的问题。 出现这种情况的一个可能原因是，新的`router`实例并不与Vue实例中的`this.$...
解决vue动态路由异步加载import组件,加载不到module的问题
10-15
主要介绍了解决vue动态路由异步加载import组件,加载不到module的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
详解Vue.js搭建路由报错 router.map is not a function
10-19
最后，我们使用`VueRouter`实例并传入`routes`数组，然后在Vue实例中注入`router`。 **注意事项：** 1. 在不同的Vue Router版本之间，不仅API有变化，一些概念和使用方式也可能有所不同。比如在Vue Router 2.x中，`...
vue-router重写push方法,解决相同路径跳转报错问题
10-14
在Vue.js应用中，Vue-Router是一个至关重要的组件，它负责管理应用的路由，使得页面在不同的URL之间平滑切换。然而，在某些情况下，当尝试重定向到已激活的相同路径时，Vue-Router可能会抛出错误。为了解决这个问题...
vue页面跳转router的问题，子路径
七月❤的博客
08-30 962
以下仅供参考，若有不足请提出。 在router的index.js添加path 之前做项目的index.js import Vue from 'vue' import Router from 'vue-router' import login from '@/components/login' import ac from '@/components/ac' import Ulogin ...
vue-router无父级模块，不显示子级页面问题
Cainannan1995的博客
04-01 777
vue-router 在用同一个父路由，但是子路由页面完全不相同时，也就是说这个时候父路由不存在任何共同的元素 ，父路由也就存在component，但是不用component页面又不会显示任何内容。 目前已知的解决办法有两个，第一种 1.新建一个空白component，然后在里面写router-view标签 2.path: 'apps', redirect: '/app-manage/apps/index', meta: { title: '应用中心', icon: 'bpm-block' }, co
解决react-router-dom V6路由嵌套时，子路由无法显示的问题
weixin_51583081的博客
01-11 378
简单
VUE项目部署到二级目录下时，页面跳转异常。
qq_36130269的博客
04-20 417
【代码】VUE项目部署到二级目录下时，页面跳转异常。
vue-router 路由嵌套显示不出来_（八）vue-router子路由、参数
weixin_39880301的博客
11-23 2308
路由参数的传递和获取注：js操作router使用this.$router，读取参数使用this.$route，当中相差一个r，需要注意params路由参和query查询参两者区别是什么？（1）params相当于post，浏览器地址栏看不到请求参数，但是在配置路由时一定要配置参数 路由配置 ：{path：'/XXX/ : 参数名1/ : 参数名1 ', name='XXX ', comp...
vue-router 定义三级路由，路由跳转了，页面没出来
Passerby_K的博客
03-16 7608
可能是因为页面二级路由的和三级的路由共用router-view 了，利用router-view 和 redirect 重新定义一下（每个人的情况不一样，可以参考解决） component: {render(c) { return c('router-view') }}, redirect:'/goods/goodsManage', ...
【VUE】二级路由 子路由跳转空白
芳草萋萋鹦鹉洲哦
08-26 2748
App.vue一般这样写，这里是跟路由。想象一块大的屏幕，根路径的切换就是这个页面的切换。 <div id="app"> <router-view /> </div> home主页跳转submenu失败，地址栏显示路由没问题，但页面显示空白 router.js坑一：在子路由加了斜杠/，导致跳转空白不显示 routes: [ { path: '/', redirect: Home }, { path: '/login', component: Lo
记录vue-router使用嵌套路由，子路由页面不显示问题
danny_799745061的博客
09-09 3164
记录vue-router使用嵌套路由，子路由页面不显示问题
vue3嵌套路由不显示 也不报错
04-24
嵌套路由不显示也不报错可能是由于以下原因导致的： 1. 检查父级路由是否正确配置了 component 属性，如果没有配置则不会显示任何内容。 2. 确保子路由的 path 是从父级路由开始的相对路径，如果指定了绝对路径则...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值