Vue.jsで配列の全長を取得する方法

Question

結果の合計の長さを取得しようとしていますが、何も取得できません私のテンプレート。これは私のスクリプトです:

data() {
    戻る {
      の検索結果： []、
      合計結果: [],
}}
       const 応答 = await axios.post(
          "http://localhost:5000/api/search",
          検索データ
        );
        this.searchResults = response.data.Response.Results; // コンポーネントのデータに検索結果を設定します // 応答から traceId を取得します
        constnestedResults = 応答.データ.応答.結果;
        const totalResults =nestedResults[0].length;
        console.log("合計結果:", totalResults);

これは私のコンソールで、totalResults を取得します。

合計結果: 12

これは私のテンプレートです。

<p>合計結果: {{ totalResults }}</p>

テンプレートはこれを返しました。

合計結果: []

テンプレートに何も表示されません。どうすればよいですか?

Answer 1

まず、数値であるはずの変数を空の配列で初期化します。次のように書く必要があります:

リーリー

第二に、正しい totalResults 変数に値を割り当てているのではなく、新しい変数を宣言しているだけです。 totalResults に値を割り当てるには、this.totalResults を使用する必要があります。したがって、正しい書き方は次のとおりです:

リーリー