vue实现购物车结算功能

用vue做的购物车结算的功能，供大家参考，具体内容如下

代码：

.product_table{
 display: flex;
 width: 100%;
}
.product_info{
 flex:1; 
}
.checked{
 background-color:green;
}

这个代码实现了什么?

1.在点击加减时每个产品的总价变化,所有产品的总价变化
2.选中时才会结算
3.如果全部选中了每个子项,全部选中按钮会变绿,如果有一项不选中，那么会变白
4.一般的购物车，我希望他一进来就是checked的状态，提高购买性
5.当我删除某一项时,如果这一项是已经checked了的,也要让他在计算总价时重新计算.

ps:最后一行的按钮是全部选中哦,或者是全部取消，忘记写了。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。