vue三级路由router-view不显示问题，路由嵌套不显示

出问题的代码：

{path: '/',name: 'Home',component: Home,children: [{path: 'welcome',name: 'welcome',meta: {name: '主页'},component: welcome},{path: 'cdmanage',name: 'cdmanage',meta: {name: '课程设计管理'},children: [{path: 'importstu',name: 'ImportStudent',component: ImportStudent,meta: {name: '导入学生信息'}}]}]}

正常的代码：

{path: '/',name: 'Home',component: Home,children: [{path: 'welcome',name: 'welcome',meta: {name: '主页'},component: welcome},{path: 'cdmanage',name: 'cdmanage',meta: {name: '课程设计管理'},component: ForRouter,//修改点children: [{path: 'importstu',name: 'ImportStudent',component: ImportStudent,meta: {name: '导入学生信息'}}]}]}

感觉是页面只能匹配一层路由，如果需要匹配下一级那么需要嵌套<router-view/>，为此，我编写一个组件给了二级路由，不给就不渲染三级路由

<template><router-view/>
</template><script>export default {name: "ForRouter"}
</script><style scoped></style>

vue三级路由router-view不显示问题，路由嵌套不显示相关推荐

vue路由-router
VueRouter基础 vue路由的注册导入 <script src="https://unpkg.com/vue-router/dist/vue-router.js"&g ...
vue项目创建步骤和路由router知识点
菜单快捷导航: vue项目创建 vue路由router知识点(路径参数.查询参数.命名路由.嵌套路由.命名视图.hash/history模式) vue导航守卫(全局守卫.单个路由独享.组件级守卫) 1 ...
vue项目没有router文件夹_Vue路由(vue-router)配置实战——动态路由，重定向，工程非根目录...
1. 前言 (1) 资料 (2) 需求本文是在上篇<使用vue-i18n实现多语言>功能的引申.需要实现的功能如下: 多语言需要反映在url上,英文.简体中文.繁体中文页面需分别为/en ...
Vue学习之路由(Router)
Vue学习之路由(Router) 文章目录 Vue学习之路由(Router) 一.路由是什么? 二.Vue Router的安装 1.直接下载/CDN 2.NPM安装三.路由的基础使用 1.定义路 ...
Vue(小码哥王洪元)笔记06路由，url的hash，history，router-linke，路由跳转，动态路由，懒加载，路由嵌套，router参数传递，导航守卫
1.什么是路由路由器提供了两种机制:路由和传送路由:数据报从来源到目的地的路径传输:将输入端的数据转移到合适的输出端路由有一个非常重要的概念教路由表路由表本质上就是一个映射表,决定了数据包的 ...
【前端】Vue+Element UI案例：通用后台管理系统-登陆不同用户显示不同菜单、动态添加路由
文章目录目标代码 0.动态地显示菜单:store 1.动态注册路由 2.解决刷新后摆平问题总代码本篇修改的代码文件 tab.js 参考视频: VUE项目,VUE项目实战,vue后台管理系统,前 ...
Vue中的router路由
目录一,vue-router路由二,vue-router路由常用配置三,vue-router路由嵌套四,vue-router路由参数传递与获取五,使用props替代路由对象获取参数六,路由 ...
vue路由router的props配置
vue路由router的props配置前置知识:vue-router3路由配置和使用,适配vue2,vue-router代码模版路由props配置的作用:让路由组件更方便的接收到参数 ⚠️ 当不使 ...
vue中路由传参方式之二（this.$router.push进行编程式路由跳转传参）
this.$router.push进行编程式路由跳转传参 router中路由配置组件home点击传参组件homeDetails接受参数 router中路由配置 params第一种传参路由配置 {p ...
使用vue-i18n切换中英文-网页语言切换案例-vue文件中或路由(Router)文件中使用
vue-i18n地址安装 npm install vue-i18n 使用在 main.js 中引入 vue-i18n (前提是要先引入 vue) import VueI18n from 'vue- ...

vue三级路由router-view不显示问题，路由嵌套不显示

vue三级路由router-view不显示问题，路由嵌套不显示相关推荐

最新文章

热门文章