关于异步请求的问题，如何解决？

Question

 loacSaveJava() {
      const masterId = this.$route.query.uuid;
      const { viewList } = this;
      let queryBody = {};
      viewList.forEach((ele, i) => {
        if (i == 0) {
          queryBody = {
            uuid: ele.viewInfo.uuid,
            version: ele.viewInfo.version,
            pageProperty: ele.viewInfo.pageProperty,
            baseProperty: ele.viewInfo.baseProperty,
          }
        } else {
          queryBody = {
            kanBanId: ele.kanBanId,
            pageId: masterId,
            pageProperty: ele.viewInfo.pageProperty,
            baseProperty: ele.viewInfo.baseProperty,
          }
        }

        this.$_api.kanbanApi
          .Post({
            url: "KanbanItem/updateconfig",
            data: queryBody,
          })
          .then((res) => {
            this.viewList[i].viewInfo = res.data
          });

      })

    },

这个请求接口，才能先执行的时候使用 i不等于0里面的参数，最后一次在执行的时候才用I等于0里面的参数

Answer 1

async结合await 先执行所有i不为0的

async loacSaveJava() {
            const masterId = this.$route.query.uuid;
            const {
                viewList
            } = this;
            let queryBody = {};
            viewList.filter((item, i)) => {
                return i!= 0
            }).forEach((ele, i) => {
            queryBody = {
                kanBanId: ele.kanBanId,
                pageId: masterId,
                pageProperty: ele.viewInfo.pageProperty,
                baseProperty: ele.viewInfo.baseProperty,
            }
            await this.$_api.kanbanApi
                .Post({
                    url: "KanbanItem/updateconfig",
                    data: queryBody,
                })
                .then((res) => {
                    this.viewList[i].viewInfo = res.data
                });
        })
        viewList.filter((item, i)) => {
            return i== 0
        }).forEach((ele, i) => {
        queryBody = {
            uuid: ele.viewInfo.uuid,
            version: ele.viewInfo.version,
            pageProperty: ele.viewInfo.pageProperty,
            baseProperty: ele.viewInfo.baseProperty,

        }
        await this.$_api.kanbanApi
            .Post({
                url: "KanbanItem/updateconfig",
                data: queryBody,
            })
            .then((res) => {
                this.viewList[i].viewInfo = res.data
            });
    })
    }



    },