情景说明
在ruoyi-vue中,默认打开第一个子菜单问题处理,官方文档给出的答案是处理2级菜单的,当菜单为三级时就会出现问题,打开404。
官方代码:
在这里插入图片描述

三级菜单处理方式
位置:
当有三级就拼接一级,没有就继续二级
在这里插入图片描述
代码:

setTimeout(() => {
        let ppth = "";
        if (myRoutes[0].children) {
          ppth = myRoutes[0].path + "/" + myRoutes[0].children[0].path;
        } else {
          ppth = myRoutes[0].path;
        }
        if (ppth != this.$route.path) {
          this.$router.replace({
            path: ppth,
          });
        } else {
          this.$router.replace({
            path: "/index",
          });
        }
      }, 100);
Logo

快速构建 Web 应用程序

更多推荐