动态计算商品合计价格
前段时间遇上了一个这样的需求:在一个表格内展示商品信息,且数量可以自己增加或删除,根据数量和单价计算出所有的总价格,刚接到这个需求的时候以为这个需求特别简单,用数组的reduce方法应该就可以,或者直接拿到每一个商品的总价,然后将它累加起来就好了,当我开始写的时候,我发现此需求远远没有那么简单,话不多说,直接上代码 页面大概就是这个样子的,需要根据数量来控制小计以及合计的价格实时变化, 刚开始写我是用了reduce以及将小计的价格全部累加起来的方法,发现这种方法都是只会加,并不会减,如果点击数量的减,它还是加了小计的值,然后经过漫长的试错,终于解决了这个需求。 // 声明相关的数组,存放数据 const subTotal = ref<string[]>([]) const ingredientsListTwo = ref<MatchingRows[]>([]) const select = ref('') // 下拉框 onMounted(() => { demandStore.setTotal('') // 因为项目中pinia做了持久化存储,需要....