方法:
//数组值相加
sum(arr) {
return eval(arr.join("+"));
},
示例:将数组里的每个item里面的元素值相加
var vm = new Vue({
el: '#content',
data: {
allMoney: '', //总收入
moneyList:[]
},
mounted() {
this.MyMoney()
},
methods: {
//我的收入
MyMoney() {
let sendData = {
token: localStorage.getItem("token")
};
$.ajax({
type: "post",
url: hrefURL + 'api/haha/自己的接口',
data: sendData,
success: (res) => {
if (res.code == 1) {
console.log(res);
res.data.forEach((item, index) => {
this.moneyList.push(item.money) //拿到每个item里的money值存入新数组
})
console.log(this.moneyList);
console.log(this.sum(this.moneyList)); //打印调用sum函数结果
this.allMoney = this.sum(this.moneyList) //赋值
} else {
layer.msg(res.msg);
}
},
error(err) {
layer.msg('Network failure; Please try again later');
}
});
},
//数组值相加
sum(arr) {
return eval(arr.join("+"));
}
},
})
总结
js数组值相加其实利用封装函数最为简单,可以直接写在HTML布局中进行计算,也可以和示例一样进行赋值渲染