import { createRouter, createWebHistory } from "vue-router";
const router = createRouter({
history: createWebHistory(import.meta.env.BASE_URL),
routes: [
{
path: "/",
name: "index",
component: import("../views/index.vue"),
redirect: "/index/Playlistrecommendation/shouye",
children: [
{
path: "/index/Playlistrecommendation",
name: "Playlistrecommendation",
component: import("../views/Playlistrecommendation.vue"),
// 创建子路由gedanfenlei
children: [
{
path: "/index/Playlistrecommendation/shouye",
name: "shouye",
component: import("../views/shouye.vue"),
},
{
path: "/index/Playlistrecommendation/geshou",
name: "geshou",
component: import("../views/geshou.vue"),
},
{
path: "/index/Playlistrecommendation/xindie",
name: "xindie",
component: import("../views/xindie.vue"),
},
{
path: "/index/Playlistrecommendation/paihangbang",
name: "paihangbang",
component: import("../views/paihangbang.vue"),
},
{
path: "/index/Playlistrecommendation/gedanfenlei",
name: "gedanfenlei",
component: import("../views/gedanfenlei.vue"),
},
],
},
{
path: "/mymusic",
name: "mymusic",
component: import("../views/mymusic.vue"),
redirect: "/mymusic/mylovesong/gequ",
children: [
{
path: "/mymusic/mylovesong",
name: "mylovesong",
component: import("../views/mylovesong.vue"),
children: [
{
path: "/mymusic/mylovesong/gequ",
name: "gequ",
component: import("../views/gequ.vue"),
},
{
path: "/mymusic/mylovesong/gedan",
name: "gedan",
component: import("../views/gedan.vue"),
},
{
path: "/mymusic/mylovesong/shipin",
name: "shipin",
component: import("../views/shipin.vue"),
},
{
path: "/mymusic/mylovesong/zhuanji",
name: "zhuanji",
component: import("../views/zhuanji.vue"),
},
],
},
{
path: "/mymusic/mychuang",
name: "mychuang",
component: import("../views/mychuang.vue"),
},
{
path: "/mymusic/fengsi",
name: "fengsi",
component: import("../views/fengsi.vue"),
},
{
path: "/mymusic/guanzhu",
name: "guanzhu",
component: import("../views/guanzhu.vue"),
},
{
path: "/mymusic/uploadvideo",
name: "uploadvideo",
component: import("../views/uploadvideo.vue"),
},
],
},
{
path: "/kehu",
name: "kehu",
component: import("../views/kehuduan.vue"),
},
],
},
],
});
export default router;
vue的路由嵌套问题
于 2023-04-07 17:15:21 首次发布