Comment supprimer des éléments de tableau dans vue

Méthode de suppression : 1. Utilisez forEach pour parcourir le tableau, utilisez la méthode splice pour supprimer l'élément avec l'index, la syntaxe est "this.splice(index, 1);" 2. Utilisez filer() pour supprimer. , la syntaxe est "listArr.filter( item=>item.check)".

L'environnement d'exploitation de ce tutoriel : système Windows 7, vue version 2.9.6, ordinateur DELL G3.

Lorsque vous travaillez sur un projet utilisant le framework front-end vue, il est nécessaire de faire une boucle pour supprimer certains éléments du tableau. Au début, ma réflexion était limitée et j'avais du mal à savoir comment supprimer en boucle. J'hésitais sur le fait que l'indice de la valeur du tableau changerait si je le supprimais en boucle, ce qui n'était pas une bonne méthode.

Méthode 1 : Utiliser forEach et splice

Supprimer un élément : Utiliser la méthode splice pour supprimer l'élément avec l'index

this.splice(index, 1);

Méthode 2 : Utiliser filer

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

et attribuer l'élément à ne pas supprimer Tableau original

(Partage de vidéos d'apprentissage : tutoriel vuejs, front-end web)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!