Vue에서 데이터 조각을 삭제하는 방법

vue에서 데이터 조각을 삭제하는 방법: 1. "arr.splice(index, 1)" 메서드를 통해 일반 배열의 특정 데이터 조각을 삭제합니다. 2. "arr.findIndex(item => {...} arr.splice(id1, 1)" 메서드를 사용하여 배열 객체의 데이터 일부를 삭제합니다.

이 튜토리얼의 운영 환경: Windows 10 시스템, Vue 버전 3, Dell G3 컴퓨터

vue Data에서 데이터를 삭제하는 방법

vue 배열의 데이터를 삭제하세요

배열의 데이터를 삭제하세요

일반 배열을 삭제하세요

let arr = [1,2,3,4,5];
 
//方法一
let index = arr.indexOf('3');
arr.splice(index, 1)
//打印结果 [1,2,4,5]
//方法二
let index = arr .findIndex(item => {
            if (item == '3') {
              return true
            }
          })
arr.splice(index, 1)
//打印结果 [1,2,4,5]

삭제하세요 배열 객체

let arr = [
    {
       id:1,
       name:'张三'
    },
    {
       id:2,
       name:'李四'
    },
    {
       id:3,
       name:'王二'
    },
    {
       id:4,
       name:'麻子'
    },
];
let id1 = arr.findIndex(item => {
      if (item.id == '3') {
          return true
      }
 })
 arr.splice(id1, 1)

splice()를 사용하여 배열의 데이터 조각을 삭제하세요

1. 배열을 출력하기 위해 반복할 때 v-for="(item,index) in list" //현재 첨자를 가져와야 합니다. , item

2. 매개변수를 전달하려면 삭제 버튼을 클릭하고, 데이터에 공백을 설정하고 이 값에 매개변수를 할당합니다.

3. array.splice(얻은 첨자 값, 1)를 가져오는 팝업 창

추천 학습: "vue.js video. Tutorial》

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