So löschen Sie Array-Elemente in Vue

Löschmethode: 1. Verwenden Sie forEach, um das Array zu durchlaufen, und verwenden Sie die Splice-Methode, um das Element mit dem Indexindex zu löschen. Die Syntax lautet „this.splice(index, 1);“ 2. Verwenden Sie filer() zum Löschen , die Syntax lautet „listArr.filter( item=>item.check)“.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, Vue-Version 2.9.6, DELL G3-Computer.

Wenn Sie an einem Projekt mit dem Front-End-Vue-Framework arbeiten, müssen Sie eine Schleife durchlaufen, um einige Array-Elemente zu löschen. Anfangs war mein Denken begrenzt und ich hatte immer wieder Probleme mit dem Löschen in einer Schleife. Ich befürchtete, dass sich der Index des Array-Werts ändern würde, wenn ich ihn in einer Schleife löschte, was keine gute Methode war.

Methode 1: ForEach verwenden und splice

Ein Element löschen: Verwenden Sie die Splice-Methode, um das Element mit dem Index

this.splice(index, 1);

Methode 2: Verwenden Sie filer

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

und weisen Sie das Element zu, das nicht gelöscht werden soll Original-Array

(Lernvideo-Sharing: vuejs-Tutorial, Web-Frontend)

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