今天编写了一个前端页面,使用了路由嵌套,用于侧边栏点击不同选项显示在主页面不同表格,但是每次点击之后都跳转到空白页,找了好久发现是把子路由的children写成了child,修改之后问题解决。

routes: [{path:'/',name:'login',component: loginRegister},{path:'/second',name:'second',component: second,child:[{path:'/result/resultProcessing',name:'resultProcessing',component: resultProcessing},{path:'/project/projectManagement', name:'projectManagement', component: projectManagement},{path:'/employee/employeeManagement', name:'employeeManagement', component: employeeManagement},{path:'/client/clientManagement', name:'clientManagement', component: clientManagement},{path:'/contract/contractManagement', name:'contractManagement', component: contractManagement},{path:'/group/groupManagement', name:'groupManagement', component: groupManagement}]},]



修改之后

路由嵌套跳转失败,页面是空白的相关推荐

  1. 解决Vue history模式下使用嵌套路由打包部署后刷新页面为空白页

    解决Vue history模式下使用嵌套路由打包部署后刷新页面为空白页 前言 问题分析 问题解决 结语 前言 众所周知,Vue路由有两种模式,默认hash模式,这种模式下url上会带"#&q ...

  2. VUE不同路由地址跳转相同页面,页面数据根据不同参数刷新

    VUE不同路由地址跳转相同页面,页面数据根据不同参数刷新 在<script></script>标签中增加监听,当路由发生改变时,重新调用查询数据接口, export defau ...

  3. 微信小程序中使用wx.navigateTo跳转时页面出现空白

    在微信小程序中当触发点击事件后跳转的页面时,跳转的页面出现空白,控制台报Page "pages/outline-xi/outline-xi" has not been regist ...

  4. ionic 1页面跳转登录页面后,返回按钮处理

    说到ionic返回按钮,可能第一想到的就是ionic在app.config中配置按钮的情况,小伙紫还不错嘛. 这篇blog想讨论的恰好不是这个,不过也和他有关啦,就因为这个按钮,在正常页面跳转时候,肯 ...

  5. Vue路由跳转-页面显示空白

    跳转页面,指定路径跳转到某个页面时,如果没有按照正确的方式写路径,会导致页面显示空白 html部分 方法1.<div class="nav-item-1" @click=&q ...

  6. vue——路由之路由跳转、路由传参、路由嵌套、路由模式

    相关认识: 后端路由:对于前端的网络请求,不同的pathname,去执行后端的不同业务 前端路由:不同的网址对应各自的页面 vue的前端路由:SPA应用要做出路由效果,就得判断当前网址,然后切换组件 ...

  7. Vue3(撩课学院)笔记07-vueRouter路由,创建路由,路由重定向,路由跳转,动态路由,路由懒加载,路由嵌套,路由参数穿传递的两种形式,通过事件来跳转路由

    1.vueRouter路由的两种模式 哈希模式:以#号分割,前端路由一般用hash模式比较多,可以兼容ie8以上,井号后面不发起请求 历史模式:putstate()和replaceState()方法入 ...

  8. react路由hash转brower访问页面,页面空白

    初始使用的hash路由,即http://localhost:8000/#/index这种#分隔的方式,这种路由方式就是刷新后页面始终会回到首页,这不是想要的结果,所以就想要改成http://local ...

  9. Vue(小码哥王洪元)笔记06路由,url的hash,history,router-linke,路由跳转,动态路由,懒加载,路由嵌套,router参数传递,导航守卫

    1.什么是路由 路由器提供了两种机制:路由和传送 路由:数据报从来源到目的地的路径 传输:将输入端的数据转移到合适的输出端 路由有一个非常重要的概念教路由表 路由表本质上就是一个映射表,决定了数据包的 ...

最新文章

  1. mysql 多表既有内连接又有外连接_MySQL 多表查询中的内连接和外连接
  2. python【力扣LeetCode算法题库】169 多数元素
  3. MYSQL不能从远程连接的解决方法
  4. JVM 对象状态判断01
  5. [HDOJ2845]Beans(dp)
  6. python字典可以切片吗_7.map(感觉跟python中的字典有点像)数组,切片(make)傻傻分不清楚,多多指点...
  7. Android 数据库(SQLite)【简介、创建、使用(增删改查、事务、实战演练)、数据显示控件(ListView、Adapter、实战演练-绿豆通讯录)】
  8. Android 图形系统之图形缓冲区分配
  9. python 回溯法 子集树模板 系列 —— 1、8 皇后问题
  10. Java EE CDI处理程序方法示例
  11. vue按照url地址访问出错404
  12. vue提交mutation_为什么Vuex中必须要通过commit提交mutation?
  13. leetcode之每日温度
  14. WordPress模板制作教程
  15. 各大IT公司、软件公司员工等级(级别)及薪资
  16. 二月(不积跬步无以至千里)
  17. mysql salve从库设置read only 属性
  18. 怎么在Excel中准确提取出姓名中的姓氏
  19. openwrt mysql改密码_openwrt的路由器重置root密码
  20. 小学生灯谜计算机,小学生谜语大全

热门文章

  1. 一个人时善待自己_善待彼此
  2. MOOC网神经网络与深度学习TensorFlow实践3——数字图像处理、TensorFlow基础
  3. 怎么用计算机收钱,怎么群收款-今天,微信群聊可以收钱了!(天呐)
  4. 详细介绍ERNIE 3.0: Large-scale Knowledge Enhanced Pre-training for Language Understanding and Generation
  5. 定义父亲类Father(姓lastName,财产property,血型bloodType),儿子Son类(玩游戏PlayGame方法),女儿Daughter类(跳
  6. henon映射分岔图 matlab程序,分岔图做法1.doc
  7. 推荐一款优秀电商开源项目
  8. Vue实现简单计算器功能
  9. Android电子书项目实训【项目说明】【1】
  10. 打砖块教学(初学:5)