مشکل در حلقه های v-for در vuejs
با سلام خدمت شما من یه حلقه با v-for تو vuejs درست کردم، فرض کنید ده تا دیتا نوشون قرار دادم و دارم نمایششون میدم ، میخوام وقتی کاربر رو یکیشون کلیک کرد فقط همون پاک بشه ، ولی وقتی این کارو میکنم همشون پاک میشن:( چطور میتونم یه کار کنم که فقد اونیو که میخوامو روش تغییرات ایجاد کنه
گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
ثبت پرسش جدید
![user-avatar]()
گزارش تخلف
کپی کردن
0
سلام
از روش های متفاوتی میتونین استفاده کنین اما یه مثال ساده میفرستم براتون
<ul>
<li v-for="(user,key) in users" @click="delUser(key)">
{{user.name}}
</li>
</ul>new Vue({
el:"#app",
data:{
users:[
{
name:'mohammad'
}
,{
name:'reza'
}
,{
name:'ali'
}
]
},
methods:{
delUser:function (index) {
this.$delete(this.users, index);
}
}
});
گزارش تخلف
کپی کردن
0
میتوانی به روش زیر عمل کنی
<p v-for="(person,index) in persons" @click="deletePerson(index)">
{{person.first_name}}
</p>
methods:{
deletePerson: function(index) {
this.persons.splice(index, 1);
}
}
گزارش تخلف
کپی کردن
1
به شکل خلاصه تر اینطوری هم میتونی پیاده سازیش کنی
<ul>
<li v-for="(user, index) in users">
{{ user.name }} <button v-on:click="users.splice(index, 1)">remove</button>
</li>
</ul>
گزارش تخلف
کپی کردن
0
گزارش تخلف
کپی کردن
0