vue-router 3级路由

import Layout from '@/layout'const ptrECard = {path: '/ptrECard',component: Layout,redirect: '/ptrECard',name: 'ptrECard',meta: {title: 'ptrECard',icon: 'logistics'},children: [// eslint-disable-next-line indent// 油卡管理{// 油卡管理path: 'ptrCadList',component: () => import('@/views/ptrECard/ptrCadList/index'),name: 'ptrCadList',meta: {title: 'ptrCadList'},children: [// 3{path: 'pica',component: () => import('@/views/ptrECard/ptrCadList/oilCardManagement/pica/index'),name: 'pica',meta: {title: 'pica'}},{path: 'InputCardNum',component: () => import('@/views/ptrECard/ptrCadList/oilCardManagement/InputCardNum/index'),name: 'InputCardNum',meta: {title: 'InputCardNum'}}]},{// 发卡管理path: 'hairpinManagement',component: () => import('@/views/ptrECard/ptrCadList/index'),name: 'hairpinManagement',meta: {title: 'hairpinManagement'},children: [// 3{path: 'hairpin',component: () => import('@/views/ptrECard/ptrCadList/hairpinManagement/hairpin/index'),name: 'hairpin',meta: {title: 'hairpin'}},{path: 'editorCard',component: () => import('@/views/ptrECard/ptrCadList/hairpinManagement/editorCard/index'),name: 'editorCard',meta: {title: 'editorCard'}}]},{// 作废记录path: 'deleteList',component: () => import('@/views/ptrECard/deleteList/index'),name: 'deleteList',meta: {title: 'deleteList'}},{// 发卡地址path: 'cardAddress',component: () => import('@/views/ptrECard/ptrCadList/index'),name: 'cardAddress',meta: {title: 'cardAddress'},children: [// 3 添加地址{path: 'addAdress',component: () => import('@/views/ptrECard/ptrCadList/cardAddress/addAdress/index'),name: 'addAdress',meta: {title: 'addAdress'}},{// 编辑地址path: 'editorAdress',component: () => import('@/views/ptrECard/ptrCadList/cardAddress/editorAdress/index'),name: 'editorAdress',meta: {title: 'editorAdress'}}]}]
}export default ptrECard

vue-router 3级路由相关推荐

Vue Router系列之路由懒加载
文章の目录一.具体需要 3 步: 1.安装 `@babel/plugin-syntax-dynamic-import` 包. 2.在 babel.config.js 配置文件中声明该插件. 3.将路 ...
Vue Router系列之路由重定向
文章の目录一.什么是路由重定向二.示例写在最后一.什么是路由重定向路由重定向指的是:用户在访问地址 A 的时候,强制用户跳转到地址 C,从而展示特定的组件页面:通过路由规则的 redirec ...
Vue Router 路由管理
文章目录 Vue Router 路由管理概述安装简单使用定义2个组件定义路由信息支持路由使用路由动态路由配置动态路由配置404 限制动态参数嵌套路由命名路由编程式导航简单使 ...
Vue 学习(十、 Vue Router - 路由插件和 Vue 的插件原理)
文章目录一.Vue Router - 路由插件 1. 安装 Vue Router 2. Vue Router 路由的基本使用 3. 设置 router-link 4. 编程式路由 5. 路由嵌套 6 ...
Vue Router 实现路由控制实战
本文是我在学习过程中记录学习的点点滴滴,目的是为了学完之后巩固一下顺便也和大家分享一下,日后忘记了也可以方便快速的复习. Vue Router 实现路由控制实战前言一.什么是单页面应用及实现前端路 ...
Vue Router路由常用功能总结
Vue Router路由常用功能总结一.前言二.安装 1. vueCLI安装 2. npm安装三.路由配置及使用: 1. 基本配置: 2. 动态路由: 3. 嵌套路由: 四.编程式的导航五.重 ...
Vue2.x - Vue Router
目录 Vue与SPA 什么是SPA 简单了解SPA 什么是MPA SPA相较于MPA的优点实现SPA的几个关键点理解SPA单页面架构什么是前端路由锚链接与URL中的hash值通过hashch ...
Vue.js 从 Vue Router 0.7.x 迁移
从 Vue Router 0.7.x 迁移只有 Vue Router 2 是与 Vue 2 相互兼容的,所以如果你更新了 Vue ,你也需要更新 Vue Router .这也是我们在主文档中将迁移路 ...
Vue Router 原理分析与实现
陈丹青:看过的东西走过的路,还有你所经历的一切,都会经历一个开眼界的过程. 但眼界开了并不是一件好事情,反而顿悟之后从此你就会知道,你在社会之中是完全没有位置可言的.我算个屁,什么事都有人做过,都有人 ...
Vue Router路由嵌套
路由嵌套分析点击父级路由链接显示模板内容模板内容中又有子级路由链接点击子级路由链接显示子级模板内容默认显示点击 hello链接显示本身的组件外,还显示了自身下的子组件嵌套路由用法父路由 ...

vue-router 3级路由

vue-router 3级路由相关推荐

最新文章

热门文章