Comment obtenir la longueur totale d'un tableau dans Vue.js

Question

J'essaie d'obtenir la longueur totale du résultat mais je n'obtiens rien mon modèle. Voici mon script :

data() {
    retour {
      Résultats de recherche: [],
      totalRésultats : [],
}}
       réponse const = attendre axios.post (
          "http://localhost:5000/api/search",
          rechercheDonnées
        );
        this.searchResults = Response.data.Response.Results; // Définir les résultats de la recherche dans les données du composant // Récupérer le traceId de la réponse
        const nestedResults = réponse.data.Response.Results;
        const totalResults = nestedResults[0].length;
        console.log("Résultats totaux :", totalResults);

Voici ma console et j'obtiens les résultats totaux.

Résultats totaux : 12

Ceci est mon modèle.

<p>Résultats totaux : {{ totalResults }}</p>

Le modèle a renvoyé ceci.

Résultats totaux : []

Je ne reçois rien dans mon modèle, que dois-je faire ?

Answer 1

Tout d’abord, vous initialisez une variable qui est censée être un nombre avec un tableau vide. Vous devriez écrire comme ceci :

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

Deuxièmement, vous n'attribuez pas la valeur à la bonne variable totalResults, vous déclarez simplement une nouvelle variable. Pour attribuer des valeurs à totalResults, vous devez utiliser this.totalResults. Par conséquent, la bonne façon de l’écrire est :

this.totalResults = nestedResults[0].length;