vue 更新数据列表里的值

功能点：

点下架的时候，直接删除当列,并从DOM节点消失。

1，先给下架一个事件：

<div class=”goods” v-for=”(good,index) in goods”>
<div class=”goods_info”>
<span class=”goods_uptick”>
<input type=”checkbox”>
</span>
<span class=”goods_upimg”>
<img :src=”good.photo[0]” :alt=”good.title”>
</span>
<div class=”goods_info_detail”>
<p class=”goods_title”>{{good.title}}</p>
<p><span class=”goods_price”>¥{{good.mall_price|price}}</span>
<span class=”goods_state”>
状态：<i>{{good.audit==1?”通过”:”审核中”}}</i>
</span>
</p>
<p class=”goods_num”>库存 </p>
<p class=”goods_update_time”>时间:{{good.update_time?good.update_time:good.create_time|dateFormat2}}</p>
</div>
</div>
<div class=”goods_operate”>
<li><i class=”icon_goods_up”></i>
<p @click=”changestatus(index,good)”>{{good.status==1?”下架”:”上架”}}</p>
</li>
<li><a :href=”‘/mobile/goods/edit/goods_id/’+good.goods_id”><i class=”icon_goods_edit”></i><p>编辑</p></a></li>
<li><i class=”icon_goods_delete”></i><p>删除</p></li>
</div>
</div>

VUE

changestatus:function(index,good){
_this = this;
Ruben.put(‘malls/goods-status’,{is_sale:1,goods_id: good.goods_id},function(resp){
if(resp.data){
console.log(“商品上下架”,resp.data);
// _this.goods[index].status = _this.goods[index].status == 1?0:1;

_this.goods.splice(index,1);     //更新列表数据
}
});
}