javascript - 질문: Vue에서 선택한 배열 요소를 삭제하는 방법(여러 항목이 있는 경우)?

Question

데이터가 시뮬레이션됩니다. 편집을 클릭하면 선택한 요소가 하나 삭제됩니다. 즉, 여러 개를 선택하면 각 요소가 삭제됩니다. 배열은 기본적으로
속성을 갖습니다.checked

데모 주소

html 구조

으아아아

js 코드

으아아아

Answer 1

JS에서 배열 요소를 일괄 삭제할 때는 역순으로 삭제해야 합니다(인덱스가 큰 요소를 먼저 삭제한 다음 인덱스가 작은 요소를 삭제한다는 의미).
삭제하는 동안 배열의 인덱스가 변경되기 때문입니다. 프로세스에서 작은 요소가 먼저 삭제되면 후속 요소의 색인이 변경됩니다.
간단한 데모를 작성했습니다:

으아악

Answer 2

생각을 바꾸세요. 삭제하지 마세요. 필터링이 더 간단하고 직관적입니다.

으아악

Answer 3

이미 해결되었습니다!
참조 주소
역 루프 사용

으아악