Vue 가 다음 표를 통 해 배열 을 수정 하고 페이지 가 과장 되 지 않 는 문 제 를 해결 합 니 다.

1070 단어 vue페이지과장 하 다배열
주의해 야 할 것 은 Vue 가 Model 상태의 변 화 를 감청 할 수 있 는 이 유 는 자 바스 크 립 트 언어 자체 가 프 록 시 나 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 등 방법 으로 호출 할 수 있 기 때문에 상기 코드 는 View 를 정확하게 업데이트 할 수 있 습 니 다.

위 에서 해결 한 Vue 는 다음 표를 통 해 배열 을 수정 합 니 다.페이지 가 과장 되 지 않 는 문 제 는 바로 편집장 이 여러분 에 게 공유 한 모든 내용 입 니 다.여러분 에 게 참고 가 되 고 저희 도 많이 응원 해 주시 기 바 랍 니 다.
vue 의 설치 및 element 구성 요소 의 설치 방법
중국어 A-Z 정렬 방법

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage