当前位置: 首页 > article >正文

21、嵌套路由实战操作

1、创建内嵌子路由,你需要添加一个vue文件,同时添加一个与该文件同名的目录用来存放子视图组件。
2、在父组件(.vue)内增加用于显示子视图内容

新建文件

pages\index_id.vue

生成的对应路由

 {
    path: "/",
    component: _56a4a1e7,
    name: "index",
    children: [{
      path: ":id?",
      component: _0e5705e3,
      name: "index-id"
    }]
  },

id?说明id参数是非必传,如果想要id必传,在对应目录下新建index.vue
对应的新生成的路由:

{
    path: "/",
    component: _56a4a1e7,
    children: [{
      path: "",
      component: _049610bb,
      name: "index"
    }, {
      path: ":id",
      component: _0e5705e3,
      name: "index-id"
    }]
  }, 

http://www.kler.cn/a/134017.html

相关文章:

  • vscode远程连接服务器并启用tmux挂载进程
  • 编写红绿起爆线指标(附带源码下载)
  • Vector Optimization – Stride
  • SHELL脚本(Linux)
  • (干货)Jenkins使用kubernetes插件连接k8s的认证方式
  • 前端--> nginx-->gateway产生的跨域问题分析
  • Smart Tomcat的使用
  • FastJsonAPI
  • 系列二十六、idea安装javap -c
  • Linux服务器挂载另一台服务器的文件夹(mount)
  • 力扣刷题篇之位运算
  • 力扣83. 删除排序链表中的重复元素(java常规解法 + 建立虚拟头节点)
  • springBoot 配置druid多数据源 MySQL+SQLSERVER
  • sqli-labs关卡20(基于http头部报错盲注)通关思路
  • vite vue3安装element-plus
  • 【开源】基于Vue.js的开放实验室管理系统的设计和实现
  • 【Java 进阶篇】Ajax 入门:打开前端异步交互的大门
  • 【Kingbase FlySync】命令模式:部署双轨并行,并实现切换同步
  • Git 简介及使用
  • 手机,蓝牙开发板,TTL/USB模块,电脑四者之间的通讯
  • mybatis使用xml形式配置
  • c# 设计一个图书管理系统
  • react 手机端 rc-table列隐藏(根据相关条件是否隐藏)、实现图片上传操作
  • MIB 6.S081 System calls(1)using gdb
  • 设计模式-适配器-笔记
  • 算法之路(二)