问Vue发送请求，直到从另一个请求得到结果

EN

const createProductsRequest = (self, products) => {
  const jwtToken = self.$store.state.idToken;
  const payload = JSON.stringify({ product_codes: products['product_codes'].split(',') })

  return axios
    .post(`/api/v1/imports/products_batches`, payload,{
      headers: {
        Authorization: `Bearer ${jwtToken}`,
        'Content-Type': 'application/json',
        'Accept': 'application/json'
      }
    })
    .then(response => response.data)
};

const fetchSyncedProductsResultRequest = (token, id) => {
  return axios
    .get(`/api/v1/imports/products_batches`, {
      params: { id: id },
      headers: {
        Authorization: `Bearer ${token}`,
      }
    })
    .then(response => {
      return response.data['result']
    })
};

<template>
  <div class="col-12 col-md-3">
    <button
      type="button"
      class="btn btn-primary"
      @click="syncProducts"
    >
      Sync
    </button>
  </div>
</template>

<script>

    import {
      fetchSyncedProductsResultRequest,
      createProductsRequest
    } from '../../api/imports'
    
    export default {
      name: 'SyncProducts',
      data() {
        return {
          fetchedProductSyncStatus: [],
          load_id: ''
        }
      },
      async mounted() {
        await fetchSyncedProductsResultRequest(this, id)
        this.syncedProductsFetched = true
        this.pageChanged(this.currentPage)
      },
      async mounted() {
        const jwtToken = this.$store.state.idToken;
        fetchSyncedProductsResultRequest(jwtToken).then(data => {
          this.fetchedProductSyncStatus = data
        })
      },
      methods: {
        async syncProducts() {
          let confirmationText = `Do you want to ${this.productsToSyncAmount} sync products?`
    
          if (this.productsToSyncAmount === 0) {
            ModalController.showToast('', 'Type product codes for sync first, please!', 'warning')
          }
          else if (await ModalController.showConfirmation('Confirmation', confirmationText)) {
            try {
              ModalController.showLoader()
              await createProductsRequest(this, this.styleCodes)
              const successMessage = `${this.productsToSyncAmount} products have been queued for sync`
              await ModalController.showToast('', successMessage)
            } catch (data) {
              const errorMessage = `Error occurred during queueing products to sync - `
              ModalController.showToast('', errorMessage + data?.message, 'error')
            } finally {
              this.styleCodes = []
              ModalController.hideLoader()
            }
          }
        },
      }
    }
</script>