Vue-router的问题，使用路由嵌套的时候，为何子路由的内容不被渲染到router-view？

图片说明

上面白色背景的是官方的，黑色的是我的，唯一不同的地方就是官方没有使用name来命名路由。根据这种设计，点击不同名的路由，路径确实被改变了(参考图3和图4)，**但是所渲染的内容都是block组件**，这是为何？二级路径，我希望渲染block2的内容。为何会出现这个问题？怎么解决？为了更好的逻辑，设计模式，尽量采用嵌套路由，如果不是嵌套路由，我有办法解决。

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

1条回答

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
wangle_style 2019-03-13 16:16
关注
首先确定有没有import了block2，其次是检查需要引入子组件的地方是否写了router-view

本回答被题主选为最佳回答 , 对您是否有帮助呢?

解决 2

无用 1
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

报告相同问题？

关注问题

Vue-router的问题，使用路由嵌套的时候，为何子路由的内容不被渲染到router-view？ vue.js
2019-03-12 23:30

回答 1 已采纳首先确定有没有import了block2，其次是检查需要引入子组件的地方是否写了router-view
vue-router 重置路由resetRouter方法定义后找不到 vue.js
2020-07-27 16:34

回答 5 已采纳你定义的resetRouter又不是你router对象的一个方法，是单独export的方法 ``` import {resetRoute} from './router.js' resetR
vue-router切换默认路由问题 javascript vue.js 前端
2022-07-12 13:45

回答 2 已采纳其实你不需要在App中写判断逻辑，你应该加全局路由守卫，在路由进入之前进行判断，再确定跳转到哪一个页面，使用beforeEach
浅谈vue-router路由切换组件重用挖下的坑
2020-12-13 06:47

问题描述：vue-router导航切换时，如果两个路由都渲染同个组件，组件会重（chong）用,组件的生命周期钩子不会再被调用,使得组件的一些数据无法根据 path的改变得到更新翻车现场再现：这是我的/router/index.js 的...
vue-cli版本3.10.0，vue-router版本为3.4.5不能用 useRouter()吗？ javascript vue.js 前端框架
2022-05-24 15:49

回答 1 已采纳可能是vue-router的版本过高，可以试一下安装低一点版本vue-router
vue3 里面 router-view 结合 keep-live的使用中 v-slot是为什么？ javascript vue.js
2022-08-24 20:15

回答 1 已采纳跟vue2里面一样的，像这个图里面，图中结果渲染出来的就是Foo这个组件，这个component标签的is值为哪个组件名，最终渲染出来的就是哪个组件
vue router 嵌套子路由点击没有反应，如何解决？ elementui
2021-12-09 22:49

回答 1 已采纳路由表里，那个子路由绑定的组件为什么要套个对象path:'/categories/create', components:{
vue2进阶篇：vue-router之嵌套（多级）路由
2022-07-08 17:18

刘大猫.的博客 vue2进阶篇：vue-router之嵌套（多级）路由
quasar开发或者elementUI开发，vue-router路由跳转怎么传递文件句柄对象 elementui vue.js 前端
2022-04-18 17:46

回答 1 已采纳用 eventBus传递
vue-router路由问题 vue.js
2021-09-24 22:32

回答 2 已采纳你要看下你在哪个组件加入了router-view，比如你在App里面使用了router-view，那么一进来会把App组件加载，然后当你进行路由跳转的时候，App的页面不重载，但是router-vie
vue-router怎么重新加载本页？ vue.js
2021-02-26 11:50

回答 3 已采纳  <keep-alive> <router-view></router-view>
Vue基础知识总结 11：前端路由vue-router
2021-10-13 07:32

哪吒的博客当打包构建应用时，JavaScript包会变得非常大，影响页面加载。如果我们能吧不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件，这样就更加高效了。
vue脚手架中用npm安装vue-router报错 npm vue.js
2022-07-06 23:55

回答 2 已采纳你安装的是vue2,最新的vue-router依赖于vue3,所以，请先安装vue3,再安装vue-router,或者指定vue2兼容的vue-router版本
vue-router的嵌套路由
2021-01-18 17:23

webchang的博客 vue-router的嵌套路由
vue-router4之嵌套路由
2022-06-26 12:37

youhebuke225的博客例子目录 index.js AboutChildA.vue AboutChildB.vue About.vue 效果
没有解决我的问题, 去提问

悬赏问题

¥15 执行 virtuoso 命令后，界面没有，cadence 启动不起来
¥50 comfyui下连接animatediff节点生成视频质量非常差的原因
¥20 有关区间dp的问题求解
¥15 多电路系统共用电源的串扰问题
¥15 slam rangenet++配置
¥15 有没有研究水声通信方面的帮我改俩matlab代码
¥15 ubuntu子系统密码忘记
¥15 保护模式-系统加载-段寄存器
¥15 电脑桌面设定一个区域禁止鼠标操作
¥15 求NPF226060磁芯的详细资料