vue.js删除列表中的一行

        <div  class="check-list">
            <ul>
                <li v-for="(item,index) in goodsList">
                    <div class="top fl" >
                        <img :src="item.isSelect ? 'images/check_box_unselected.png' : 'images/check_box_selected.png'" />
                    </div>
                    <div class="middle pic fl"></div>
                    <div class="fnally fr">
                        <p class="title">{{item.title}}</p>
                        <p class="money">¥{{item.money}}</p>
                        <p class="remove" @click="removeList(index)">{{index}}删除</p>     
                    </div>
                </li>
            </ul>

        </div>

        methods: {
            removeList : function(index){
            var goodsList = this.goodsList;
            goodsList.splice(index, 1);
            alert('你删除了第'+index+'个');
            }

        }

通过for循环,获得列表的索引 index,然后把当前索引传到事件中,事件中通过形参,接受实参,然后删除当前索引的列表。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值