Vue2.0计算属性（7）

你的益达啊

于 2021-09-16 13:37:02 发布

阅读量152

点赞数

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： vue

本文链接：https://blog.csdn.net/nideyida1/article/details/120326341

vue 专栏收录该内容

19 篇文章

订阅专栏

本文详细介绍了如何在Vue.js中使用 computed 方法来定义 fullStatus（判断所有商品状态）、amt（计算总价）和 allCount（统计已激活商品数量），通过filter和reduce进行列表过滤和累加操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

计算属性定义在 computed方法里面

 computed:{
    fullStatus(){
      return this.list.every(item => item.goods_state)
    },
    amt(){
      return this.list.filter(item=>item.goods_state)
      .reduce((total ,item)=>(total += item.goods_price * item.goods_count),0)
    },
    allCount(){
      return this.list.filter(item=>item.goods_state).length
    }
 },

使用直接引用即可

Footer :full="fullStatus" @changeStatus="getNewFullStatus" :allPrice="amt" :allCount="allCount"></Footer>

filter是过滤

reduce累加

every