Bagaimana untuk memadam sekeping data dalam vue

Cara memadamkan sekeping data dalam vue: 1. Padamkan sekeping data tertentu dalam tatasusunan biasa melalui kaedah "arr.splice(index, 1)" 2. Melalui "arr.findIndex(; item => { ...}arr.splice(id1, 1)" kaedah untuk memadam sekeping data dalam objek tatasusunan.

Pengoperasian persekitaran tutorial ini: sistem Windows 10, versi Vue 3, komputer Dell G3

Bagaimana untuk memadamkan sekeping data dalam vue Padamkan sekeping data dalam tatasusunan

Padamkan tatasusunan biasa

Padamkan objek tatasusunan

Gunakan splice() untuk memadamkan sekeping data dalam tatasusunan

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]

1. Apabila menggelung melalui output tatasusunan v-for="(item,index) in list" //Perlu mendapatkan subskrip semasa, item

2 Klik butang padam untuk lulus parameter, dalam Parameter ini ialah diperolehi dalam kaedah tetingkap timbul. Tetapkan nilai kosong dalam data dan tetapkan parameter kepada nilai ini 3. Klik butang padam dalam tetingkap timbul untuk mendapatkan nilai langganan 1); Pembelajaran yang disyorkan: "

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)

tutorial video vue.js

"

Atas ialah kandungan terperinci Bagaimana untuk memadam sekeping data dalam vue. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!