So löschen Sie ein Datenelement in Vue

So löschen Sie ein Datenelement in Vue: 1. Löschen Sie ein bestimmtes Datenelement im gewöhnlichen Array mit der Methode „arr.splice(index, 1)“. 2. Durch „arr.findIndex(item =>)“ {...} arr.splice(id1, 1)“-Methode zum Löschen eines Datenelements im Array-Objekt.

Die Betriebsumgebung dieses Tutorials: Windows 10-System, Vue Version 3, Dell G3-Computer .

Wie lösche ich ein Datenelement in vue Data?

vue Ein Datenelement im Array löschen

Ein normales Array löschen

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]

Ein Datenelement löschen Array-Objekt

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)

Verwenden Sie splice(), um ein Datenelement im Array zu löschen

1. Bei der Schleife zur Ausgabe des Arrays v-for="(item,index) in list" //Der aktuelle Index muss abgerufen werden , item

2. Klicken Sie auf die Schaltfläche „Löschen“, um diesen Parameter in dieser Popup-Fenstermethode abzurufen, und weisen Sie den Parameter diesem Wert zu im Popup-Fenster, um array.splice abzurufen (erhaltener Indexwert, 1);

Empfohlenes Lernen: „

vue.js Video. Tutorial

》

Das obige ist der detaillierte Inhalt vonSo löschen Sie ein Datenelement in Vue. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!