Vue는 렌더링하지 않고 다음 테이블을 통해 배열 페이지를 처리합니다.

이번에는 Vue가 렌더링하지 않고 배열 페이지를 처리하기 위해 다음 표를 사용하는 Notes를 소개합니다. 다음은 렌더링하지 않는 배열 페이지를 처리하는 사례입니다. 바라보다.

Vue가 Modelstate의 변경 사항을 모니터링할 수 있는 이유는 JavaScript언어 자체가 object의 변경 사항을 모니터링하기 위한 Proxy 또는 Object.observe() 메커니즘을 제공하기 때문입니다. 상태. 그러나 배열 요소의 할당을 직접 모니터링할 수 있는 방법은 없습니다. 따라서 배열 요소에 직접 값을 할당하는 경우:

vm.todos[0] = {
  name: 'New name',
  description: 'New description'
};

이로 인해 Vue가 View를 업데이트할 수 없게 됩니다.

올바른 방법은 배열 요소에 값을 할당하는 것이 아니라 다음과 같이 업데이트하는 것입니다.

vm.todos[0].name = 'New name';
vm.todos[0].description = 'New description';

또는 splice() 메서드를 통해 요소를 삭제한 다음 다른 요소를 추가하여 "할당" 효과를 얻을 수 있습니다.

var index = 0;
var newElement = {...};
vm.todos.splice(index, 1, newElement);

Vue는 배열의 splice, push, unshift 및 기타 메소드 호출을 모니터링할 수 있으므로 위의 코드는 뷰를 올바르게 업데이트할 수 있습니다.

이 기사의 사례를 읽은 후 방법을 마스터했다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 도서:

select의 옵션 오버레이 처리 방법

vue.js CSS 라이브러리 가져오기

위 내용은 Vue는 렌더링하지 않고 다음 테이블을 통해 배열 페이지를 처리합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!