Vue中从数据库查询单的数据进行运算

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 <tr>
    <th>商品序号</th>
    <th>商品名称</th>
    <th>商品价格</th>
    <th>购买数量</th>
    <th>总价格</th>
</tr>
<tr v-for="(item,index) in carlist" :key="index">
    <td>{{index +1}}</td>
    <td>{{item.gname}}</td>
    <td>{{item.price}}</td>
    <td>{{item.num}}</td>
    <td>商品价格*商品数量</td>
</tr>

就像如此总价格需要商品价格*商品数量 进行乘法运算 但在模版渲染里乘法符号是个字符串，所有需要在方法里面定义和计算

1
2
3
4
5
6
7
8
9
all:function(){
    let list = this.carlist;
    for(let i=0,l=list.length;i<l;i++){
        var total = list[i]['price'] * list[i]['num']
        this.allmoney = total
        }
        return total
    }           
}

之后 将 商品价格*商品数量 换成 all()

因为这里调用的是方法使用需要加上（）