vuejs2 - Dealing with Race Conditions when making Fetch requests in Vue.js

Solution:

You are dealing with async functionsetFulfillmentData, so you should await it, then you can removesetTimeOut

async mounted() { // It's better to use beforeMount while fetching data for component
    try {
        this.dataLoaded = false;

        this.setCustomerZipCode()
        await this.setFulfillmentData()
        this.setVariantInStock()

        this.dataLoaded = true;
    } catch (error) {
        // Handle the error
    }
}
Copy code

Didn't find the answer?

Our community is visited by hundreds of Shopify development professionals every day. Ask your question and get a quick answer for free.