```js
//动态获取勾选框状态并且获得值
//(1)遍历时增加勾选框,v-bind绑定value值为计算金额的值,通过时间传递$event,在时间中接收参数。
// (2)在列表渲染时,拼接一个列表求和的数组,如果勾选状态为true时,就把绑定的值赋值给列表数组,如果为false时就替换为0,在把数组求和即可实现勾选一行求和
// 计算勾选金额
getSum: function (e,index) {
const self = this;
let checked = e.target.checked; //当前勾选状态
let val = e.toElement.value; //当前绑定在勾选框上的值
if(checked) {
self.moneyList.splice(index,1,Number(val))
} else {
self.moneyList.splice(index,1,0)
}
self.money = self.moneyList.reduce(function(prev, cur){
return (prev + cur);
});
},
```
网友评论