javascript - 有没有办法在等待 API 数据时不停止进度条？

Question

我正在使用 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;
      }
    }
}

在等待数据加载时，进度线停止，但我希望它不要停止移动。

Answer 1

您可以使用这个 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();

但是为此，您可以一次又一次地调用它，以保持栏移动直到数据加载。类似于循环增加进度条的任意值