Vue.js에서 배열의 전체 길이를 얻는 방법

Question

총 결과 길이를 얻으려고 하는데 아무 것도 얻지 못합니다. 내 템플릿 . 이것은 내 스크립트입니다:

data() {
    반품 {
      검색 결과: [],
      총결과: [],
}}
       const 응답 = axios.post(를 기다립니다.
          "http://localhost:5000/api/search",
          검색데이터
        );
        this.searchResults = response.data.Response.Results; // 컴포넌트의 데이터에 검색 결과를 설정합니다. // 응답에서 TraceId를 검색합니다.
        const 중첩결과 = response.data.Response.Results;
        const totalResults =nestedResults[0].length;
        console.log("총 결과:", totalResults);

이것은 내 콘솔이고 totalResults를 얻습니다.

총 결과: 12

이것이 제 템플릿입니다.

<p>총 결과: {{ totalResults }}</p>

템플릿이 이것을 반환했습니다.

총 결과: []

템플릿에 아무 것도 나오지 않습니다. 어떻게 해야 합니까?

Answer 1

먼저, 빈 배열이 있는 숫자로 추정되는 변수를 초기화합니다. 다음과 같이 작성해야 합니다:

으아악

두 번째로, 올바른 totalResults 변수에 값을 할당하지 않고 새 변수를 선언하는 것뿐입니다. totalResults에 값을 할당하려면 this.totalResults를 사용해야 합니다. 따라서 올바른 작성 방법은 다음과 같습니다.

으아악