vue动态路由

发布时间 2024-01-08 19:26:13作者: 卜利茨

export default {
setRouters() {
let menuList = [
{
path: "/index",
name: "index",
component: "index",
},
{
path: "/user",
name: "user",
component: "user",
}
]
//遍历路由配置
menuList.forEach(item => {
//把更改后的路径地址添加到我们的路由中
router.addRoute(this.getRouterInfo(item))
});
},
//把后端给的component路径地址变成我们指定的
getRouterInfo(item) {
let routerTnfo = {
path: item.path,
name: item.name,
component: () => import((../views/${item.component}.vue))
}
return routerTnfo;
},

open() {
//设置路由信息
user.setRouters()
//跳转页面
router.push("/index")
}
}

methods: {
handleOpen(key, keyPath) {
console.log(key, keyPath);
},
handleClose(key, keyPath) {
console.log(key, keyPath);
}
},