Vue.js で「this」変数を更新し、API 結果を設定する方法

Question

変数 nbeBugs を更新したいのですが、then 関数内ではアクセスできません。 API の応答に時間がかかるため、私の関数 getApi は async 関数です。

テンプレート.vue

リーリー

api.js

ああああ

Answer 1

.then() 関数に渡される引数が通常の関数の場合、独自のスコープがあり、その内部では、this を使用して外側のスコープの変数にアクセスできません。 .

代わりに アロー関数を使用してください:

リーリー

補足: リクエストが返される前に、this.chartGitlab を更新します。その更新を then() 内に移動するか、サーバー リクエストの前で await を使用します。おそらく、これは期待どおりに機能するでしょう:

リーリー