깊은 물체를 제거하는 데 문제가 있음

Question

My Vue 구성 요소는 개체 내부의 개체를 사용하여 요소를 표시합니다. 페이지에서 버튼을 클릭하면 중첩된 개체 중 하나를 삭제하고 싶습니다. 삭제된 것 같은데, 요소를 삭제한 직후에 console.log(this.query_filters.target_filters[id])를 실행하면 개체가 삭제되었다고 표시됩니다(첫 번째 스크린샷 참조). 그러나 Vue 탭에는 여전히 요소가 표시되고 내 UI는 해당 요소가 제거되었음을 표시하도록 업데이트되지 않습니다(두 번째 스크린샷 참조).

다음과 같이 중첩된 개체를 제거합니다. 删除 this.query_filters.target_filters[id];

다른 곳에서는 개체를 재설정/추가하지 않습니다(특정 버튼을 클릭할 때 한 번만 발생함).

Answer 1

답을 찾았습니다:

Vue.delete(this.query_filters.target_filters, id);

(출처: Vue.js 2: 데이터 객체에서 속성 제거)