Vue的价格实时计算

阅读量：

Vue实现价格实时计算

需求分析
- - 使用属性
  - 后台返回数据格式
  - 思路
  - - 参考

需求分析

商品提供附加选购选项，需对多个附加项目的费用进行实时勾选与计算

使用属性

Vue框架中的computed属性在性能表现上优于watch属性，其主要用途在于执行计算操作。相较于watch属性常用于监听路由变化，computed属性因其名称中明确包含‘计算’二字，更适用于处理需要计算得出的值。

后台返回数据格式

多选列表信息

复制代码

    checkBoxList:[
    	{
    	productName:'apple',
    	price:100，
    	id:1
    	},
    	{
    	productName:'banana',
    	price:90,
    	id:2
    	},
    	{
    	productName:'orange',
    	price:20,
    	id:3
    	},
    ]

全部评论 (0)

还没有任何评论哟~