其他分享
首页 > 其他分享> > 怎么在Vue中计算总价

怎么在Vue中计算总价

作者:互联网

1.需要绑定计算属性利用Vue中的(v-bind)可缩写(:),下面的基本框架:

computed:{

   变量名:function(){

  }

  必须有返回值(return)

}

2.根据代码分析:

computed:{         变量名:function(){             // 定义一个总价格的初始值:             var money = 0;             for(var i=0;i<this.数组名.length;i++){                 // 判断是否都勾上了:                 if(this.数组名[i].tai == true){                     money+=this.数组名[i].price*this.数组名[i].num                 }             }             return money         }     } 如果是一个数据就不用循环了,这是根据选择的案例编写的总价,当使用到了选择的情况,我们就必须要判断这些选择是数据是否是(true)状态, 如果是就要计算(单价*数量=总价),因为这个必须有返回值的,所以我们提前要设置一个总价的初始值,最后返回初始值就可以了(切记别忘了返回总价)。

标签:Vue,总价,computed,money,初始值,数组名,计算,var
来源: https://www.cnblogs.com/187389tian/p/16210931.html