Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

How disable Integrated with Nuxt.js Progressbar for some request #112

Closed
cawa-93 opened this issue Mar 3, 2018 · 4 comments
Closed

How disable Integrated with Nuxt.js Progressbar for some request #112

cawa-93 opened this issue Mar 3, 2018 · 4 comments
Labels
enhancement

Comments

@cawa-93
Copy link
Contributor

cawa-93 commented Mar 3, 2018 •
edited
Loading

I need to disable integration with the progress bar, for one method, because it runs a lot of sequential queries.

async loaderMethod(params) {
  for (let i = 0; i<100; i++) {
    await this.$axios.$get('URL', {params}, {
      progress: false, // Disable integration with the progress bar specifically for this query
    })
    this.$nuxt.$loading.set(i) // Change the progress bar status manually
  }
}
This feature request is available on Nuxt.js community (#c97)
@cawa-93 cawa-93 changed the title Disable Integrated with Nuxt.js Progressbar for some request How disable Integrated with Nuxt.js Progressbar for some request Mar 3, 2018
@pi0 pi0 added the enhancement label Mar 5, 2018
@pi0
Copy link
Member

pi0 commented Mar 5, 2018

Thanks for the suggestion. Will be possible in next release using:

this.$axios.$get('URL', { progress: false })

@pi0 pi0 closed this as completed in 1530bb6 Mar 5, 2018
@hkmsadek
Copy link

How to use it? I am trying to do but don't know where to call it. Thanks

jrlucier added a commit to jrlucier/progress-bar-4-axios that referenced this issue Feb 12, 2019
@jrlucier
Disable progressbar for specific Axios requests
08c1165 
This allows you to make an Axios request without the progress bar popping up.  This is useful for optional typeahead features and enhancing UI elements, that degrade cleanly and we don't need to inform the user about.  

This code is based on a similar Nuxt requirement: nuxt-community/axios-module#112 and commit: nuxt-community/axios-module@1530bb6

Example usage: this.$axios.$get('URL', { progress: false })  or this.$axios.$post('URL', 'data', { progress: false })
@kissge
Copy link

kissge commented Sep 23, 2019

Any updates here?

@TheAlexLichter
Copy link
Member

Works, but is currently broken due to axios. See #258 for more

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
enhancement
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
5 participants
@TheAlexLichter @cawa-93 @kissge @pi0 @hkmsadek