JavaScript - Vue2 Ajax (axios) がページング経由で dom データを更新できませんでした

Question

プロジェクトではバックグラウンドデータがフロントエンドに一度に送信されるため、フロントエンドでページング処理を行う必要があります。
Vue2 Axios は、ajax リクエストの作成に使用されます。現在、バックエンド データの console.log は正常に出力できますが、DOM 上で更新することはできません。

html

リーリー

JS

リーリー

返されるシミュレーション データ形式

リーリー

何度か確認しましたが、まだスタイルだけでデータがありません。専門家のアドバイスが欲しいです。

Answer 1

作成されたメソッドでリクエストされた最初の then で、 this.$ajax.get(url) に var self = this; を指定します。
スコープの問題は、then メソッドの this が vue ではなくなっていることです。

Answer 2

あなたのcreated ajax数据获取是异步的，你this.fanye()执行的时候，根本没有数据传入； 你可以打断点，console.logデータ、まずは試してみてください