vueで配列要素を削除する方法

削除方法: 1. forEach を使用して配列を走査し、splice メソッドを使用してインデックス Index を持つ要素を削除します。構文は "this.splice(index, 1);" です。 2. ファイラーを使用します。 () を削除する場合、構文は「listArr.filter(item=>item.check)」となります。

このチュートリアルの動作環境: Windows7 システム、vue2.9.6 バージョン、DELL G3 コンピューター。

フロントエンド vue フレームワークを使用してプロジェクトに取り組んでいる場合、ループしていくつかの配列要素を削除する必要があります。最初は思考が限られており、ループで削除する方法に四苦八苦していましたが、ループで削除すると配列の値の添字が変わってしまうのではないかと躊躇し、良い方法とは言えませんでした。

方法 1: forEach と splice を使用する

要素の削除: splice メソッドを使用して、インデックスがindexである要素を削除します

this.splice(index, 1);

方法 2: filer

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

を使用し、元の配列

に削除しない要素を割り当てます (学習ビデオ共有: vuejs チュートリアル ) 、ウェブフロントエンド)

以上がvueで配列要素を削除する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。