vue嵌套路由子路由 path 注意
2023-06-13 09:17:02 时间
子路由的地址如果是希望拼接父路由地址,子路由的 path 仅写名称,不写 “/”,如果希望是另外的地址,则直接以 “/” 开头。
{
path: "/lifetools",
name: "lifetools",
component: () =>
import(/* webpackChunkName: "LifeTools" */ "@/views/LifeTools.vue"),
children: [
{
path: "caculator", // 最终生成路由 /lifetools/caculator
// path: "/caculator", // 最终生成路由 /caculator
name: "Caculator",
component: () =>
import(/* webpackChunkName: "CodeTools" */ "@/views/Caculator.vue"),
},
]
摘自官方文档:
相关文章
- vue子组件给父组件传值
- vue(17)vue-route路由管理的安装与配置
- vue中通过路由跳转的三种方式
- vue之图片上传组件封装
- vue如何引入js文件_vue中引入外部js好麻烦
- vue3 报错解决:找不到模块‘xxx.vue’或其相应的类型声明。(Vue 3 can not find module)
- Vue-Router根据用户权限添加动态路由(侧边栏菜单)
- 前端三大框架之Vue-day03
- Vue路由传参的两种方式
- 在线图书借阅网站( Python +Vue 实现)
- Vue双向绑定原理解析,理解发布订阅难点问题!
- vue路由守卫(回顾)
- 4. 「vue@2.6.11 源码分析」new Vue() 整体流程和组件渲染之前的准备工作
- vue模块化开发
- Vue.js 与MySQL结合,打造高效Web应用程序(vue.js mysql)
- Vue极致集成Redis,实现更优秀的性能(vue集成redis)
- Vue结合Redis,加快数据读取速度(vue读取redis)
- 基于Vue的Redis网页设计(vue设计redis页面)
- Vue应用中部署Redis(vue中使用redis)