vue三级路由的写法

news/2024/12/5 3:12:36/
{path: "/trafficmanagement",component: Layout,redirect: "/trafficmanagement",alwaysShow: true,meta: {title: "通行模块",icon: "excel",},children: [{path: "carline",name: "carline",alwaysShow: true,component: () => import("../views/trafficmanagement/carline"),meta: { title: "车行" },children: [{path: "carshopmanagement",component: () => import("@/views/trafficmanagement/carline/carshopmanagement"),name: "carshopmanagement",meta: { title: "车行管理", affix: true },},{path: "accessmanagement",component: () => import("@/views/trafficmanagement/carline/accessmanagement"),name: "accessmanagement",meta: { title: "进出管理", affix: true },},],},{path: "peopline",name: "peopline",alwaysShow: true,component: () => import("../views/trafficmanagement/peopline"),meta: { title: "人行" },children: [{path: "peopconfig",component: () => import("@/views/trafficmanagement/peopline/peopconfig"),name: "peopconfig",meta: { title: "人行管理", affix: true },},],},],},

套了两层的children,其中在第二层套的时候,也就是车行的import 的指向是必须要有文件的,而不单单只是一个文件夹,必须要在这里再写一个出口才行。

文件截图如下:

image-20230724160150324

carline文件以及peopline文件之下的index.vue内容就是又一层的路由出口

<template><div id="app"><router-view /></div>
</template><script>
export default {};
</script><style>
</style>

http://www.ppmy.cn/news/979679.html

相关文章

为什么a标签无法下载,无法重命名?

《1》a 标签的 href 有很大的关系&#xff0c; href 属性的地址必须是 同源 URL&#xff0c;否则&#xff0c;download 就会不起作用。 1. 同源 URL 会进行 下载 操作 2. 非同源 URL 会进行 导航 操作 3. 非同源的资源 仍需要进行下载&#xff0c;那么可以将其转换为 blob: UR…

【LangChain】检索器之上下文压缩

LangChain学习文档 【LangChain】检索器(Retrievers)【LangChain】检索器之MultiQueryRetriever【LangChain】检索器之上下文压缩 上下文压缩 LangChain学习文档 概要内容使用普通向量存储检索器使用 LLMChainExtractor 添加上下文压缩(Adding contextual compression with an…

SQL中Partition的相关用法

使用Partition可以根据指定的列或表达式将数据分成多个分区。每个分区都是逻辑上独立的&#xff0c;可以单独进行查询、插入、更新和删除操作。Partition可以提高查询性能&#xff0c;因为它可以限制在特定分区上执行查询&#xff0c;而不是在整个表上执行。 在SQL中&#xff…

redis面试1

Redis基础面试题 1、为什么要使用Redis做缓存 缓存的好处 使用缓存的目的就是提升读写性能。而实际业务场景下&#xff0c;更多的是为了提升读性能&#xff0c;带来更好的性 能&#xff0c;带来更高的并发量。Redis 的读写性能比 Mysql 好的多&#xff0c;我们就可以把 Mysq…

PHP关于字符串的各类处理方法

判断字符串是否以指定子串开头或结尾 function startsWith($str, $prefix) {return stripos($str, $prefix) 0; }function endsWith($str, $suffix) {return substr_compare($str, $suffix, -strlen($suffix)) 0; }// 示例用法 $text "hello world"; $result st…

【N32L40X】学习笔记03-gpio输出库

gpio输出 该函数库的目的就是在统一的地方配置&#xff0c;将配置的不同项放置在一个结构体内部使用一个枚举来定义一个的别名 led.c #include <stdio.h> #include "led/bsp_led.h"static led_t leds[LED_NUM]{{GPIOB,GPIO_PIN_2,RCC_APB2_PERIPH_GPIOB},{GP…

3秒快速打开 jupyter notebook

利用 bat 脚本&#xff0c;实现一键打开 minconda 特点&#xff1a; 1、可指定 python 环境 2、可指定 jupyter 目录 一、配置环境 minconda 可以搭建不同的 python 环境&#xff0c;所以我们需要找到 minconda 安装目录&#xff0c;把对应目录添加到电脑环境 PATH 中&#…

ADCS知识点全收录! 如何利用证书服务器对域控进行多角度攻击(上)

在2021年的BlackHat大会上&#xff0c;由Will Schroeder和Lee Christensen发布了关于Active Directory Certificate Services 利用白皮书《Certified Pre-Owned - Abusing Active Directory Certificate Services》&#xff0c;其中包含了大量的针对ADCS的攻击手法&#xff0c;…