我正在使用 vuejs 和 nprogress(在页面顶部显示进度线)。我希望在等待从 API 加载数据时进度线移动。
async created() {
NProgress.configure({ trickleSpeed: 30 });
NProgress.start();
try {
this.results = await this.getResults(this.resultsApi);
} catch (err) {
this.error = err.message;
}
NProgress.done();
},
methods: {
getResults(url) {
try {
const res = await axios.get(url);
return res;
} catch (err) {
return err;
}
}
}
在等待数据加载时,进度线停止,但我希望它不要停止移动。
最佳答案
您可以使用这个 inc()
函数,但对于 documentation 来说
Incrementing: To increment the progress bar, just use .inc(). This increments it with a random amount. This will never get to 100%: use it for every image load (or similar).
NProgress.inc();
但是为此,您可以一次又一次地调用它,以保持栏移动直到数据加载。类似于循环增加
进度条的任意值
关于javascript - 有没有办法在等待 API 数据时不停止进度条?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57834238/