第一步,利用axios请求数据,数据请求利用代理服务器,数据请求成功后,布局渲染页面,页面渲染完毕后开始写功能。
1.增加数量,减少数量
增加数量: css样式写一个步进器,给加的按钮绑定一个点击事件,获取v-for循环时的index下标,然后在方法中定义点击事件,获取到当前点击的这条数据中的数量,并对数量进行加加的处理。
减少数量:css样式写一个步进器,给加的按钮绑定一个点击事件,获取v-for循环时的index下标,然后在方法中定义点击事件,获取到当前点击的这条数据中的数量,并对数量进行减减的处理,然后进行判断,判断数量不小于一,如果小于一,则让数凉量等于一。
2.删除
给删除按钮绑定一个点击事件,获取v-for循环时的index下标,然后在方法中定义点击事件,利用splice经行删除的处理,第一个值为index下标,第二个值为删除的数量。
3.总价的计算
循环所有的数据,利用reduce循环,它有两个参数,total 和 item,在循环里判断,判断它的状态码为true,也就是判断它们是否为选中状态,如果是选中状态,total +