vue computed 计算购物数量翻页后数据丢失

问题是选中这一页的数据后关键词搜索,数据变化了, list 重新加载了 ,computed改变。

 computed:{
    //计算药品件数
     sumSelect: function() {
        var tatol = 0;
        for(var i = 0; i < this.newList.length; i++) {
            var item = this.newList[i];
            if(item.numbers>0){
                tatol += item.numbers
            }
        }
        return tatol
     }
}

搜索引擎搜索了问题 ,有从vuex方便解决的 , 因为没有真正用过vuex。问了公司一个同事 。问我vuex到的使用情景是什么,我说存储数据 ,他摇了头说: vuex的主要任务是数据共享 ,一个数据变了,其他页面数据发生改变。

我的这个问题不应该从vuex上面想 。加一个变量接选中的数据, 然后用选中的数据来计算需要的总数。这里有一个知识点,是数据判重问题 ,同样的数据不能都加入到这个变量中 ,搜索到一个好用的es6方法, includes 。 

setpper(item){
    if(this.list.includes(item)){
     //这里是包含了ltem中的信息,判断重复
  }else{
      this.newList.push(item)   //不重复的信息加入list中
  }
}

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值