• 主页
  • 归档
  dengyuanke
  • 主页
  • 归档
  • ZooKeeper
  • Redis
  • Thymeleaf
  • Docker
  • MySQL&MariaDB
  • Kafka
  • MongoDB
  • Linux
  • Hadoop
  • SpringBoot
  • Gradle
  • SpringCloud
  • Java
  • IntelliJIDEA
  • 设计模式
  • Vue
  • 鲲鹏云

解决vue-router动态添加路由router.addRoutes()方法不更新路由的问题

在router.addRoutes()方法之前,添加

router.options.routes=accessRoutes

片段代码如下:

          // generate accessible routes map based on roles
          // await store.dispatch('user/generateRoutes')
          const accessRoutes = await store.dispatch('user/generateRoutes',{ root: true })
          router.options.routes=accessRoutes
          console.log(accessRoutes)

          // dynamically add accessible routes
          router.addRoutes(accessRoutes)
2019/7/24 posted in  Vue

Vue项目权限

vue项目实现动态路由的方式大体可分为两种:

  1. 前端这边把路由写好,登录的时候根据用户的角色权限来动态展示路由,(前端控制路由),vue-element-admin就是这么玩的
  2. 后台传来当前用户对应权限的路由表,前端通过调接口拿到后处理(后端处理路由)
    这两种方法各有优点,效果都能实现
2019/7/18 posted in  Vue

dengyuanke

邓元柯的学习笔记
GitHub Email RSS

类别

ZooKeeper Redis Thymeleaf Docker MySQL&MariaDB Kafka MongoDB Linux Hadoop SpringBoot Gradle SpringCloud Java IntelliJIDEA 设计模式 Vue 鲲鹏云

最近文章

  • 鲲鹏云安装MantisBT
  • MySQL调优
  • ClassNotFoundException和NoClassDefFoundError的区别
  • Java 7中HashMap和HashTable中对于hash的实现,我们来做个简单的总结
  • JMM

Copyright ©