vue-router实现嵌套路由的讲解
作者：muzidigbig 发布时间：2024-04-27 16:09:31
标签：vue,vue-router,嵌套路由
一、嵌套路由（配置好父路由component后，在父路由下面添加children属性来配置这个父路由的子路由）
需要注意的是：父组件中的<router-view></router-view>是子组件的占位符是必不可少的
嵌套路由的现象：点击了路由跳转之后父路由组件的内容一直呈现；子路由的内容进行切换，地址栏的路径也随之改变。
// 嵌套路由
{
path: '/nest',
component: () => import('@/nest/nest'),
// 嵌套路由的关键字children，在父路由中添加children数组 中添加子路径
children:[
{
// 要注意，以 / 开头的嵌套路径会被当作根路径,这让你充分的使用嵌套组件而无须设置嵌套的路径。如果这里的path的值为'/son1将无法渲染son1子组件'
path: 'son1',
component: () => import('@/nest/nest_son1')
},
]
}
上面子路由中加不加‘/' 的区别：当去到son1的时候加 ‘/'会在地址栏中显示 #/son1;不加 ‘/'的时候回在地址栏中显示 #/nest/son1
注意：/xx就是根路径
效果：
若有不足请多多指教！希望给您带来帮助!
来源：https://blog.csdn.net/muzidigbig/article/details/83684208
0
投稿猜你喜欢
结构图:为什么？var data [][]intfor _, rangeSlice := range [][]int{{1}, {2}, {- 本文实例讲述了php逐行读取txt文件写入数组的方法。分享给大家供大家参考。具体如下：假设有user.txt文件如下：user01user0
- HTTP请求是无状态的，我们通常会使用cookie或session对其进行状态保持，cookie存储在客户端，容易被用户误删，安全性不高，s
- 下表列出了所有Python语言支持的比较操作符。假设变量a持有10和变量b持有20，则： 例如：试试下面的例子就明白了所有的Pyt
- 基于MySQL分布式锁实现原理及代码工欲善其事必先利其器，在基于MySQL实现分布式锁之前，我们要先了解一点MySQL锁自身的相关内容MyS
- 零、前言python代码中配置文件是必不可少的内容。常见的配置文件格式有很多中：ini、yaml、xml、properties、txt、py
- 题目：汉诺塔给出最优解，如果对汉诺塔的定义有不了解，请翻看数据结构教材。除了最基本的之外，还有一题，给定一个数组，arr=[2,3,1,2,
- HTTP头中一般断点下载时才用到Range和Content-Range实体头，Range用户请求头中，指定第一个字节的位置和最后一个字节的位
- 前面说到最近在写python的一些东西，然后和另外一位小伙伴定义了协议，然后昨天我有一部分东西没理解对，昨天上午我自己重写了一遍接收和发送的
- 我就废话不多说了，大家还是直接看代码吧！import socketimport sysimport timeimport structHOS
- 一 MySQL的内部组件结构大体来说，MySQL 可以分为 Server 层和存储引擎层两部分。1.1 service层主要包括连接器、查询
- asp之家注：一个取图片尺寸的asp类，支持jpg,gif,png格式的图片文件；读取图片的尺寸其实很有用，当我们在设计一个新闻文章添加页面
- 一、所需工具**Python版本：**3.5.4(64bit)二、相关模块opencv_python模块sklearn模块numpy模块dl
- 正在看的ORACLE教程是:自动备份Oracle数据库。
- 一些杀毒软件经常会把某些asp文件当成病毒删除，如卡巴斯基杀毒软件就经常把网页中有Microsoft.XMLHTTP 的当作病毒，有时简直防
- 如果视图定义包括条件（譬如 WHERE 子句）并且其意图是确保任何引用该视图的 INSERT 或 UPDATE 语句都应用 WHERE 子句
- Jquery Material Form Plugin是一款基于Bootstrap的Material Design风格的jQuery表单插件
- 目录一、简单字段定义1、定义 Schema 并生成 Parquet 文件2、验证 Parquet 数据文件二、含嵌套字段定义1、验证 Par
- 使用 pyecharts 渲染成图片一直是开发者比较关心的功能，pyecharts提供了 selenium、phantomjs 和 pypp
- <script> //当失去交点以后 让文本框内的文字获得焦点 并且光标移到最后一个字后面 function myfocus(m
