怎么在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)状态,
如果是就要计算(单价*数量=总价),因为这个必须有返回值的,所以我们提前要设置一个总价的初始值,最后返回初始值就可以了(切记别忘了返回总价)。
posted @ 2022-04-30 18:44  tatol  阅读(2363)  评论(0)    收藏  举报