网站运营工作计划,别墅设计 网站模板,建站论坛系统,网站建设的方案书addRouter() 添加路由 使用场景 列如#xff1a;菜单权限的分配#xff08;管理员与用户不一致#xff09;
根据后台返回 参数 定义isAdmin根据isAdmin 分配
let isAdmin true
// 添加路由 可以传参 一级路由名称 来添加二级路由
if (isAdmin) {router.addRoute({path: /…addRouter() 添加路由 使用场景 列如菜单权限的分配管理员与用户不一致
根据后台返回 参数 定义isAdmin根据isAdmin 分配
let isAdmin true
// 添加路由 可以传参 一级路由名称 来添加二级路由
if (isAdmin) {router.addRoute({path: /admin,component: () import(../views/admin.vue)})router.addRoute(home, {path: vip,component: () import(../views/vip.vue)})
}
//获取所有路由
console.log(router.getRoutes());路由导航守卫 beforeEach 回调函数在页面跳转时触发接受参数tofrom to 当前路由from 要跳转的路由 使用场景判断是否登录一般根据token 判断 1.已登录跳转订单页面 2.没登录跳转登录页面
const token localStorage.getItem(token)
router.beforeEach((to, from) {console.log(to, from);if (!token to.path /order) {return /login}
})在登录页面时判断是否登录成功来执行是否跳转 button clickgetLogin登录/buttonbutton clicksetupLogin退出登录/button
script setupimport { useRouter } from vue-router;const router useRouter();function getLogin() {localStorage.setItem(token, 言念);router.push(/order);}function setupLogin() {localStorage.removeItem(token);router.push(/login);
}
/script
