需求:两个请求,其中一个请求依赖另一个请求数据
异步请求的执行顺序
参考链接: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'
});
}
},