您的位置:首页 > 其它

使用computed实现购物车的全选和总价功能

2018-08-10 20:25 260 查看

挂载在vue实例上 计算对象,只要依赖的值有变化就会执行,计算属性写成函数,默认调get方法,但是它不支持异步。

computed{
checkAll(){
get(){
return this.products.every(p=>p.isSelected)
},
set(val){
this.products.forEach(p=>p,isSelected =val)
}
},
sum:{//sum的结果会被缓存 如果依赖的数据没有变化就不会重新执行
get(){
return this.products.reduce(prev,next)=>{
if(!next.isSelected)return prev;
return prev+next.productPrice*next.productCount
},0);
}
}
**等价于**
sum(){
return this.products.reduce(prev,next)=>{
if(!next.isSelected)return prev;
return prev+next.productPrice*next.productCount
},0);
}
}
阅读更多
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐