vue 리셋 수조의 수정 수조가 index의 값을 지정하는 작업

다음과 같습니다.
vm.items[indexOfItem] = newValue
vue는 수조의 변동을 검출할 수 없습니다
vue를 사용할 수 있는 set 방법을 실현하려면
this.$set(this.items,indexOfItem,newValue);
보충 지식: vue에서 색인을 이용하여 하나의 그룹 항목을 직접 설정합니다. 보기 업데이트를 터치할 수 없습니다.
Vue는 JavaScript 제한으로 인해 다음 배열의 변경 사항을 감지할 수 없습니다.
1. 색인을 이용하여 그룹 항목을 직접 설정할 때, 예를 들어 vm.items[indexOfItem] = newValue
2. 수조의 길이를 수정할 때, 예를 들면: vm.items.length = newLength
예:

var vm = new Vue({
 data: {
  items: ['a', 'b', 'c']
 }
})
vm.items[1] = 'x' //  
vm.items.length = 2 //  
첫 번째 문제를 해결하기 위해 다음과 같은 두 가지 방식은 모두 vm와 실현할 수 있다.items[indexOfItem] = newValue와 같은 효과와 응답식 시스템에서 상태 업데이트를 촉발합니다.
//Vue.set
Vue.set(vm.items, indexOfItem, newValue)
//Array.prototype.splice
vm.items.splice(indexOfItem, 1, newValue)
너도 사용할 수 있어vm.$set 실례 방법, 이 방법은 전역 방법 Vue입니다.set의 별칭:
vm.$set(vm.items, indexOfItem, newValue)
두 번째 문제를 해결하기 위해 splice를 사용할 수 있습니다.
vm.items.splice(newLength)
상기 vue 리셋 수조의 수정 수조가 지정한 index의 값 조작은 바로 편집자가 여러분에게 공유한 모든 내용입니다. 참고 부탁드리고 저희를 많이 사랑해 주십시오.

좋은 웹페이지 즐겨찾기