两个请求，其中一个请求依赖另一个请求数据

最新推荐文章于 2023-11-30 10:30:36 发布

缘夏520

最新推荐文章于 2023-11-30 10:30:36 发布

阅读量745

点赞数

分类专栏： vue js 问题记录文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/qq_42584734/article/details/126305434

版权

vue 同时被 3 个专栏收录

14 篇文章 0 订阅

订阅专栏

11 篇文章 0 订阅

订阅专栏

问题记录

2 篇文章 0 订阅

订阅专栏

需求：两个请求，其中一个请求依赖另一个请求数据
异步请求的执行顺序
参考链接：vue两个异步方法的顺序
1、将第一个方法返回一个prominse对象
2、利用async和await按顺序调用

async init() {
      await this.getProductType();
      await this.getProcessList();
    },
    // 获取产品类型id列表
    getProductType() {
      return new Promise((resolve) => {
        getProductTypeAll().then((res) => {
          this.product_list = res.ProductTypes;
          resolve();
        })
      })
    },
    // 获取工艺列表
    getProcessList() {
      if(this.$store.getters.isProducing){
        //有正在上线的产品
        let ProductName=this.$store.getters.getProductName;
        let nowStation=1;
        let id=this.product_list.find(item=>{ return item.name==ProductName}).id
        let param={
          productTypeId:id,
          stationNo:nowStation
        }
        findProcessStep(param).then((res)=>{
          this.tableData=res.processSteps;
        })
        //没有产品类型id，扫码上线内容得修改
      }else{
         this.$message({
          message: '当前没有上线产品，请进行产品上线',
          type: 'warning'
        });
      }
    },