No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search

    Q-loading with tag to hide its respective loading only

    Framework
    2
    2
    106
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • J
      jitendra16 last edited by

      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 1 Reply Last reply Reply Quote 0
      • dobbel
        dobbel @jitendra16 last edited by

        @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

        1 Reply Last reply Reply Quote 1
        • First post
          Last post