当前位置: 首页 > news >正文

【Vue3】 computed 完整写法 全选反选 、计算商品总价

全选反选

  const allCheck = computed({get() {return buyCard.value.every(item => item.checkState)},set(val) {return buyCard.value.forEach(item => item.checkState = val);},});

计算商品总价格

const aggregatePrice = computed(() => {const arr = buyCard.value.filter(item => item.checkState)return arr.reduce((sum, item) => sum + item.price * item.inputValue, 0)
})

http://www.lryc.cn/news/232705.html

相关文章:

  • Mindomo Desktop for Mac(免费思维导图软件)下载
  • Spark资源规划-资源上线评估
  • RT-Thread STM32F407 定时器
  • C#asp.net考试系统+sqlserver
  • mac上配置maven
  • 解决vue-cli node-sass安装不成功问题
  • 【Mysql】Mysql内置函数介绍
  • 【Linux】vscode远程连接ubuntu失败
  • 如何设计开发一对一交友App吸引更多活跃用户
  • UE基础篇六:音频
  • vscode+python开发之虚拟环境和解释器切换
  • vite 样式按需加载
  • Flutter打包iOS过程中pod访问github失败
  • 使用VMware安装linux虚拟机
  • Kafka、RocketMQ、RabbitMQ的比较总结Kafka、RocketMQ、RabbitMQ的比较总结
  • r语言plot函数
  • Notepad++ 和正则表达式 只保留自己想要的内容
  • SELinux零知识学习十、SELinux策略语言之客体类别和许可(4)
  • String字符串性能优化的几种方案
  • 微服务基础,分布式核心,常见微服务框架,SpringCloud概述,搭建SpringCloud微服务项目详细步骤,含源代码
  • 【第2章 Node.js基础】2.7 Node.js 的流(一) 可读流
  • Ubuntu/Debian Hat 系 Linux 使用
  • php接口api数据签名及验签
  • 实战:给docusaurus文档网站配置Algolia 实现全站内容搜索功能-2023.11.16(已解决)
  • Ubuntu18.04安装ROS系统+turtle测试
  • UE基础篇五:动画
  • SELinux零知识学习十二、SELinux策略语言之客体类别和许可(6)
  • vscode的git 工具使用
  • 利用回溯绕过正则表达式
  • Flutter执行flutter doctor报错HTTP Host Availability