在一个表单里输出价格,总价格=个数*单价。
一开始在computed:price(index){…}报错了,查了一下计算属性传入参数时要闭包…
Price(){
return function(index) {
let pi=this.books[index].cnt*this.books[index].price;
return pi;
}
}
这样就完美解决了
<tr v-for="item,index in books">
<td>{{item.id}}</td>
<td>{{item.name}}</td>
<td>{{price(index)}}</td>
<td>{{item.day}}</td>
<td>
<button @click="minner(index)" :disabled="item.cnt<=1">-</button>
{{item.cnt}}
<button @click="plu(index)">+</button>
</td>
</tr>