动态路由的使用

最新推荐文章于 2024-07-10 18:00:40 发布

一个前端女子

最新推荐文章于 2024-07-10 18:00:40 发布

阅读量570

点赞数 1

分类专栏： vue2 文章标签： vue.js

本文链接：https://blog.csdn.net/qq_44173499/article/details/123799245

版权

vue2 专栏收录该内容

43 篇文章 1 订阅

订阅专栏

项目中四个左边菜单使用同一个页面，但是请求的接口不同，通过判断当前动态路由的不同来，传参

路由的配置

页面对应的路由：

页面中使用：this.$route.params.type;

 getData() {
          let typeList = {
            aptiude: 1,
            institution: 2,
            standing_book: 3,
            rectify: 4
          };
          const type = this.$route.params.type;
          this.type = typeList[type]
          console.log(this.type,'this.type');
          return zEntStatusManagePage(Object.assign(this.queryParam,{type: typeList[type]})).then((res) => {
            return res.data
          });
      },