Bagaimana untuk memadam elemen tatasusunan dalam vue

青灯夜游
Lepaskan: 2022-03-07 15:55:19
asal
12763 orang telah melayarinya

Kaedah pemadaman: 1. Gunakan forEach untuk melintasi tatasusunan, gunakan kaedah splice untuk memadam elemen dengan indeks indeks, sintaksnya ialah "this.splice(index, 1);" 2. Gunakan filer () untuk memadam, sintaks ialah " listArr.filter(item=>item.check)".

Bagaimana untuk memadam elemen tatasusunan dalam vue

Persekitaran pengendalian tutorial ini: sistem Windows 7, vue versi 2.9.6, komputer DELL G3.

Apabila mengusahakan projek menggunakan rangka kerja vue bahagian hadapan, adalah perlu untuk mengulang untuk memadam beberapa elemen tatasusunan. Pada mulanya, pemikiran saya terhad, dan saya terus bergelut dengan cara memadam dalam gelung. Saya teragak-agak bahawa subskrip nilai tatasusunan akan berubah jika saya memadamkannya dalam gelung, yang bukan kaedah yang baik.

Kaedah 1: Gunakan forEach dan sambung

Padam elemen: Gunakan kaedah sambung untuk memadam elemen dengan indeks indeks

this.splice(index, 1);
Salin selepas log masuk

Kaedah 2: Gunakan pemfail

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

dan tetapkan elemen untuk tidak dipadamkan kepada tatasusunan asal

(Mempelajari perkongsian video: tutorial vuejs bahagian hadapan web)

Atas ialah kandungan terperinci Bagaimana untuk memadam elemen tatasusunan dalam vue. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!