Vue에서 배열 요소를 삭제하는 방법

삭제 방법: 1. forEach를 사용하여 배열을 탐색하고 splice 방법을 사용하여 인덱스 인덱스가 있는 요소를 삭제합니다. 구문은 "this.splice(index, 1);"입니다. 2. filer()를 사용하여 삭제합니다. , 구문은 "listArr.filter( item=>item.check)"입니다.

이 튜토리얼의 운영 환경: Windows 7 시스템, vue 버전 2.9.6, DELL G3 컴퓨터.

프런트엔드 Vue 프레임워크를 사용하여 프로젝트 작업을 할 때 일부 배열 요소를 삭제하려면 루프스루가 필요합니다. 처음에는 생각이 제한되어 루프에서 어떻게 삭제해야 할지 계속 고민하다가, 루프에서 삭제하면 배열 값의 첨자가 바뀌는 것을 망설이는데, 이는 좋은 방법이 아니었습니다.

방법 1: forEach 및 splice 사용

요소 삭제: splice 메서드를 사용하여 인덱스가

this.splice(index, 1);

인 요소를 삭제합니다. 방법 2: filer

const list  =  listArr.filter ( item => item.check)  //过滤 listArr中不要 删除的 符合你要求的元素

을 사용하여 삭제하지 않을 요소를 할당합니다. 원본 배열

(학습 영상 공유: vuejs tutorial, web front-end)

위 내용은 Vue에서 배열 요소를 삭제하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!