vue-ellement-admin动态添加路由
要动态添加路由,你可以使用Vue Router的addRoutes方法。下面是一个示例:
import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router)
const router = new Router({
routes: []
})
// 定义一个空数组,用来保存动态添加的路由
let dynamicRoutes = []
// 动态添加路由的函数
function addRoutes(routes) {
// 将传入的路由配置添加到动态路由数组中
dynamicRoutes = dynamicRoutes.concat(routes)
// 更新路由
router.addRoutes(routes)
}
// 调用动态添加路由的函数,传入要添加的路由配置
addRoutes([
{
path: '/dynamic',
name: 'Dynamic',
component: () => import('@/views/Dynamic.vue')
}
])
export default router
在上面的示例中,我们首先创建了一个空的路由实例,并将其传递给Vue Router的构造函数。然后,我们定义了一个空数组dynamicRoutes,用于保存要动态添加的路由。接下来,我们定义了一个addRoutes函数,它接受一个路由配置数组作为参数,并将这些路由配置添加到dynamicRoutes数组中。最后,我们调用addRoutes函数,将要添加的路由配置传递给它。这样,我们就可以在运行时动态添加路由了
原文地址: http://www.cveoy.top/t/topic/iSXm 著作权归作者所有。请勿转载和采集!