محمد
5 سال پیش توسط محمد مطرح شد
5 پاسخ

مشکل در حلقه های v-for در vuejs

با سلام خدمت شما من یه حلقه با v-for تو vuejs درست کردم، فرض کنید ده تا دیتا نوشون قرار دادم و دارم نمایششون میدم ، میخوام وقتی کاربر رو یکیشون کلیک کرد فقط همون پاک بشه ، ولی وقتی این کارو میکنم همشون پاک میشن:( چطور میتونم یه کار کنم که فقد اونیو که میخوامو روش تغییرات ایجاد کنه


ثبت پرسش جدید
Mohammad
تخصص : Back-End developer
@mhmdkavosi 5 سال پیش مطرح شد
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);
            }
        }
    });

عزیزالله سعیدی
تخصص : Database Developer
@azizullahsaeidi 5 سال پیش مطرح شد
0

میتوانی به روش زیر عمل کنی


    <p v-for="(person,index) in persons" @click="deletePerson(index)">
        {{person.first_name}}
    </p>

    methods:{
        deletePerson: function(index) {
            this.persons.splice(index, 1);
         }
    }

miladk313
تخصص : برنامه نویس لاراول
@miladk313 5 سال پیش مطرح شد
1

به شکل خلاصه تر اینطوری هم میتونی پیاده سازیش کنی

<ul>
<li v-for="(user, index) in users">
  {{ user.name }} <button v-on:click="users.splice(index, 1)">remove</button>
</li>
</ul>

محمد
تخصص : طراح رابط کاربری، برنامه نویس...
@mhmd.dev 5 سال پیش مطرح شد
0

خییلی ممنون از پاسخ هایی که دادید، واقعا سپاس گذارم


miladk313
تخصص : برنامه نویس لاراول
@miladk313 5 سال پیش مطرح شد
0

@mhmd.dev
خواهش میکنم . موفق باشی


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام