So ermitteln Sie die Gesamtlänge eines Arrays in Vue.js

Question

Ich versuche, die Gesamtlänge des Ergebnisses zu ermitteln, erhalte aber nichts meine Vorlage. Das ist mein Skript:

data() {
    zurückkehren {
      Suchergebnisse: [],
      totalResults: [],
}}
       const Antwort = Warten auf axios.post(
          „http://localhost:5000/api/search“,
          Suchdaten
        );
        this.searchResults = Response.data.Response.Results; // Suchergebnisse in den Daten der Komponente festlegen // TraceId aus der Antwort abrufen
        const nestedResults = Response.data.Response.Results;
        const totalResults = nestedResults[0].length;
        console.log("Gesamtergebnisse:", totalResults);

Dies ist meine Konsole und ich erhalte die Gesamtergebnisse.

Gesamtergebnisse: 12

Dies ist meine Vorlage.

<p>Gesamtergebnisse: {{ totalResults }}</p>

Die Vorlage hat dies zurückgegeben.

Gesamtergebnisse: []

Ich bekomme nichts in meiner Vorlage, was soll ich tun?

Answer 1

首先，你正在用一个空数组来初始化一个应该是数字的变量。你应该这样写：

data() {
    return {
      searchResults: [],
      totalResults: 0,
}}

其次，你没有将值赋给正确的totalResults变量，你只是声明了一个新变量。要将值赋给totalResults，你应该使用this.totalResults。因此，正确的写法是：

this.totalResults = nestedResults[0].length;