Massiv elementinin silinmesi ucun duyme Vue
Gelin massivden elementleri reaktiv silmek ucun bir duyme edek. Reallasdirmaqa baslayaq. Bizim bir massivimiz var:
data() {
return {
items: ['a', 'b', 'c', 'd', 'e'],
}
}
Massivin terkibini siyahi kimi cek edek:
<template>
<ul>
<li v-for="(item, index) in items" :key="index">
{{ item }}
</li>
</ul>
</template>
Her bir siyahi elementinde silmek ucun bir duyme edek. Bu duymede biz parametr kimi silmeq istediyimiz elementin indeksini iletecek bir metodu baglayacayiq:
<template>
<ul>
<li v-for="(item, index) in items" :key="index">
{{ item }}
<button @click="removeItem(index)">remove</button>
</li>
</ul>
</template>
removeItem metodunda silme emeliyyatini reallasdiraq:
methods: {
removeItem: function(index) {
this.items.splice(index, 1);
}
}
Bir massiv verilib. Bu massivin elementlerini
ul siyahisi kimi cek edin.
Isteneilen li-ye clickleyende onun siyahidan
silinmesini temin edin.
