Q-loading with tag to hide its respective loading only

[jitendra16]

Currently this.$q.loading.hide() hides all q-loading. Suppose I have two fetch calls pending and one call completes then I want q-loading still show until second call also completes. Below is my suggestion.

this.$q.loading.show({
delay: 400, // ms
tag:‘function1’
})
this.$q.loading.show({
delay: 400, // ms
tag:‘function2’
})
this.$q.loading.hide(‘function1’)
this.$q.loading.hide(‘function2’)

[dobbel]

@jitendra16 You can solve this with a single global loader, counter and vuex

https://medium.com/@LoCascioNick/create-a-global-loading-progress-indicator-using-vuex-axios-and-nprogress-20451b33145a