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

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.lryc.cn/news/236650.html

相关文章:

  • WPF 控件的缩放和移动
  • Python and和or的优先级实例比较
  • 数据结构与算法编程题2
  • Java开发者的Python快速进修指南:控制之if-else和循环技巧
  • 二进制部署k8s集群-过程中的问题总结(接上篇的部署)
  • IOS 关于CoreText的笔记
  • 基础课6——开放领域对话系统架构
  • Hive常见的面试题(十二道)
  • 1688商品详情API跨境专用接口php java
  • h264流播放
  • 02-1解析xpath
  • Python算法——树的镜像
  • ModStartCMS v7.6.0 CMS备份恢复优化,主题开发文档更新
  • vscode 推送本地新项目到gitee
  • C++函数指针变量
  • 各类语言真实性能比较列表
  • 华为笔记本MateBook D 14 2021款锐龙版R7集显非触屏(NbM-WFP9)原装出厂Windows10-20H2系统
  • Springboot 对于数据库字段加密方案(此方案是对字符串处理的方案)
  • [C++]:8.C++ STL引入+string(介绍)
  • C++基础从0到1入门编程(三)
  • [Jenkins] 物理机 安装 Jenkins
  • 设计模式 -- 适配器模式(Adapter Pattern)
  • Axios传值的几种方式
  • git pull 报错 error object file is empty , The remote end hung up unexpectedly
  • 手机数码类展示预约小程序效果如何
  • 图神经网络:消息传递算法
  • 安全+Linux!IBM新一代大型机Z14全新发布
  • Java中的局部变量和成员变量的区别
  • 基于C++实现循环赛日程表(分治算法)
  • 基于uni-app的汽车租赁app的设计与实现