import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter)
import Layout from '@/layout'
export const routes = [
{
path: '/login',
component: () => import('@/views/login/index'),
hidden: true
},
{
path: '/404',
component: () => import('@/views/404'),
hidden: true
},
{
path: '/',
component: Layout,
redirect: '/dashboard',
children: [{
path: 'dashboard',
name: 'Dashboard',
component: () => import('@/views/dashboard/index'),
meta: { title: 'dashboard', icon: 'dashboard' }
}]
},
{
path: '/common',
component: Layout,
name: 'common',
meta: { title: '系统常规', icon: 'el-icon-platform-eleme', transparent: true }, // 设置路由元信息,透明且没有文字
children: [
{
path: 'icons',
name: 'icons',
component: () => import('@/views/icons'),
meta: { title: 'icons字典', icon: 'el-icon-picture' } // 使用 Element UI 图标库中的图片图标
},
{
path: 'routes',
name: 'routes',
component: () => import('@/views/routes'),
meta: { title: 'routes管理', icon: 'el-icon-s-flag' } // 使用 Element UI 图标库中的标志图标
}
]
},
// 404 page must be placed at the end !!!
{ path: '*', redirect: '/404', hidden: true }
]
const router = new VueRouter({
routes
})
// 重置路由
export const resetRouter = () => {
router.matcher = new VueRouter({
routes
})
}
function addDynamicRoutes() {
const newRoute = {
path: '/tb_user',
component: Layout,
redirect: '/tb_user',
children: [{
path: 'tb_user',
name: 'tb_user',
component: () => import('@/views/tb_user'),
meta: { title: 'tb_user', icon: 'dashboard' }
}]
};
console.log(newRoute)
// 添加路由,这个时候可以路由但是路由表没有信息
router.addRoute(newRoute)
// 添加路由表信息、(这个不添加,会导致路由表拿不到路由信息)
router.options.routes.push(newRoute)
}
addDynamicRoutes()
export default router
结束了addRoute,乱杀。
最新推荐文章于 2024-05-17 17:22:13 发布