zl程序教程

您现在的位置是:首页 >  前端

当前栏目

vue嵌套路由子路由 path 注意

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"),
            },
]

摘自官方文档: