Vue路由权限管理知识巩固

89 阅读1分钟

权限管理:

登录角色权限 --- 前端收集信息,后端处理
    VIP 普通顾客

数据格式: lists: [{title: '首页',icon: 'icontubiao', url: '/home'}] <router-link :to="list[i].url" />

前端建立相应的路由信息:

image.png

导航与路由建立关联

  1. 导航与路由公共数据复用

导出:

image.png

导入公共数据 ---Nav.vue

路由里面的信息从公共数据导入,动态路由数据追加

image.png