vue使用子路由时,默认的子路由视图不显示问题
解决办法是,将父级的name去掉。(大多数情况下是按name来跳转的,不过这样一改,调到父级就得用路径跳转了);
下面上一下路由的配置:
    {
      path: "/index",
      component: () =>
        import("./pages/index.vue"),
      children:[
        {
          path:"/",
          name:"com1",
          component: () =>
            import("./components/com1.vue"),
        }
      ]
    }
注意。父级路由没有name哦
vue使用子路由时,默认的子路由视图不显示问题的更多相关文章
- Vue点到子路由,父级,无法高亮问题解决
		[问题] Vue点到子路由,父级,无法高亮 [原因]多是因为链接简写相对路径没有写完整导致 [解决]把子路由的router-link的to属性里链接写完整.并把router配置文件里path也写完整即 ... 
- Vue中的路由 以及默认路由跳转
		https://router.vuejs.org/ vue路由配置: 1.安装 npm install vue-router --save / cnpm install vue-router --sa ... 
- vue 添加子路由,并对路由重定向
		// 用户信息首页 { path: '/user/index', name: 'userIndex', component: userIndex, redirect: '/user/index/sho ... 
- [Vue]vue-router嵌套路由(子路由)
		总共添加两个子路由,分别命名Collection.vue(我的收藏)和Trace.vue(我的足迹) 1.重构router/index.js的路由配置,需要使用children数组来定义子路由,具体如 ... 
- vue-router 如何默认显示三级子路由
		{ path: '/aaa', name: 'aaa', title: '统计分析', component: () => import('@/aaa.vue'),//一级子组件.容器 child ... 
- 057——VUE中vue-router之路由参数默认值的设置
		<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ... 
- vue刷新当前路由:router-view 复用组件时不刷新的3种解决方案总结
		vue-router是Vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建单页面应用.vue的单页面应用是基于路由和组件的,路由用于设定访问路径,并将路径和组件映射起来.传统的页面应 ... 
- vue学习(6)-路由(导入包;创建子组件;创建路由对象)传参,子路由,多个组件
		后端路由:对于普通的网站,所有的超链接都是URL地址,所有的URL地址都对应服务器上对应的资源 前端路由:对于单页面应用程序来说,主要通过URL中的hash(#号)来实现不同页面之间的切换(不会刷新页 ... 
- vue动态添加路由,跳转页面时,页面报错路由重复:vue-router.esm.js?8c4f:16 [vue-router] Duplicate named routes definition: { name: "Login", path: "/login" }
		之前用了一个vue-element-admin做了一个小项目,里面用到了动态添加路由,动态展示侧边栏, 当我切换页面时,控制台总是警告提示路由重复,连续跳转几次页面后,控制台就被这些警告占满了, 于是 ... 
随机推荐
- 大数据学习(2)- export、source(附带多个服务器一起启动服务器)
			linux环境中, A=1这种命名方式,变量作用域为当前线程 export命令出的变量作用域是当前进程及其子进程. 可以通过source 脚本,将脚本里面的变量放在当前进程中 附带自己写的tomcat ... 
- 父窗体的委托,子窗体注册,this.Owner是关键
			//声明委托 public delegate void RefreshParentHandler<T>(T obj); //父窗体的委托 public RefreshParentHandl ... 
- Bootstrap页面响应式设计
			关键词:viewport.栅格布局.媒体查询(Media Queries) 一.关于栅格布局的说明: 1.基本图解 extra small devices phones 超小型设备手机small d ... 
- java.sql.SQLException: Could not retrieve transaction read-only status from server 问题解决
			网上有2种主要说法 第一种 问题描述: java代码在开始事务后,先做了一个查询,再insert,此时会报: java.sql.SQLException: could not ret ... 
- 使用原生node.js搭建HTTP服务器,支持MP4视频、图片传输,支持下载rar文件
			前言 如何安装node.js,如何搭建一个简易的http服务器我这里就不再赘述了,不懂的同学可以先去学习一下.当然了,我写的也就属于简易版的增强版,大家有什么高见的欢迎提出,然后进入正题. 目录结构 ... 
- CSS 使用calc()获取当前可视屏幕高度
			来自:https://blog.csdn.net/qq_32063079/article/details/89766442 先了解一下CSS3的相对长度单位(参考详细教程) : 相对长度单位指定了一个 ... 
- 快递100API
			url:http://www.kuaidi100.com/query 拼接参数: 参数名称 参数取值 参数类型 type 快递码,请参考快递100码 String postid 快递单号 String ... 
- Centos7搭建Docker部署LNMP
			1.首先呢先更新yum源 yum update 2.1.安装docker存储库 yum install -y yum-utils \ device-mapper-persistent-data \ l ... 
- JAVA语言程序设计课后习题----第五单元解析(仅供参考)
			1 本题是水题,题目要求你求最大值.最小值,建议你用Arrays.sort函数进行排序,最大值.最小值就可以确定了 import java.util.Arrays; import java.util. ... 
- deep_learning_Function_reduction_indices的用法
			在tf.reduce_sum等函数中,有一个reduction_indices参数,表示函数的处理维度. 当没有reduction_indices这个参数,此时该参数取默认值None,将把input_ ... 
