vue中跳转路由前判断用户是否有该路由的权限

1. 首先路由结构是树形结构数据，所以我们先写个遍历树形结构函数

 // 循环树形结构数据函数
    async treeIterator(tree, func) {
      await Promise.all(
        tree.map(async (node) => {
          func(node);
          node.children && (await this.treeIterator(node.children, func));
        })
      );
    },

2. 在快捷跳转点击事件中写

 async funcToNewDetail() {
      let activeIndex = this.$refs.carousel.activeIndex; //业务逻辑（无关）
      let id = this.sxoaList[activeIndex].id; //业务逻辑（无关）
      
      let isFound = false; // 定义一个变量记录是否找到指定节点
      //先判断用户是否有该路由权限 
      //this.$store.getters.permission_routes 该用户路由表
      await this.treeIterator(this.$store.getters.permission_routes, (node) => {
        if (node.name === "Prolist" && node.hidden === false) { //是否有路由name为想要判断的路由，以及路由是否开启状态
          this.$router.push({ //有该路由则直接跳转过去
            path: "/informationCenter/projectDynamics/listDetail",
            query: {
              id: id,
              type: "news",
            },
          });
          isFound = true; // 找到了对应路由，将变量设置为 true
        }
      });
      // 在遍历结束后检查是否找到了指定对应路由，如果没有则弹出提示
      if (!isFound) {
        this.$message({
          message: "您没有查看新闻信息详情页面权限！",
          type: "warning",
        });
      }
    },