Heim > Artikel > Web-Frontend > 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öschenlet 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 , item2. 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!