Bagaimana untuk mendapatkan jumlah panjang tatasusunan dalam Vue.js

Question

Saya cuba mendapatkan jumlah panjang hasil tetapi saya tidak mendapat apa-apa dalam templat saya. Ini skrip saya:

data() {
    kembali {
      Keputusan Carian: [],
      jumlahKeputusan: [],
}}
       respons const = tunggu axios.post(
          "http://localhost:5000/api/search",
          carianData
        );
        this.searchResults = response.data.Response.Results; // Tetapkan hasil carian dalam data komponen // Dapatkan jejakId daripada respons
        const nestedResults = respons.data.Response.Results;
        const totalResults = nestedResults[0].length;
        console.log("Jumlah Keputusan:", totalResults);

Ini adalah konsol saya dan saya mendapat hasil keseluruhan.

Jumlah Keputusan: 12

Ini adalah templat saya.

<p>Jumlah Keputusan: {{ totalResults }}</p>

Templat mengembalikan ini.

Jumlah Keputusan: []

Saya tidak mendapat apa-apa dalam templat saya, apakah yang perlu saya lakukan?

Answer 1

Pertama, anda memulakan pembolehubah yang sepatutnya menjadi nombor dengan tatasusunan kosong. Anda harus menulis seperti ini:

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

Kedua, anda tidak memberikan nilai kepada pembolehubah totalResults yang betul, anda hanya mengisytiharkan pembolehubah baharu. Untuk memberikan nilai kepada totalResults, anda harus menggunakan this.totalResults. Oleh itu, cara menulis yang betul ialah:

this.totalResults = nestedResults[0].length;