vue-elementul实现表格求和以及求平均值方法,最简单的方法
老规矩,先上效果图这是拿到了需要的数据打印后看到的结果上代码表格 tableData 的数据是我瞎写的,大家对照自己的来哈,需要拿什么数据换成什么,我随便在name改成了数字,所以我遍历的就是每一个的name。<script>export default {data(){return{//表格数据tableData: [{date: '2016-05-02',name: 20,
·
老规矩,先上效果图
这是拿到了需要的数据打印后看到的结果
上代码
表格 tableData 的数据是我瞎写的,大家对照自己的来哈,需要拿什么数据换成什么,我随便在name改成了数字,所以我遍历的就是每一个的name。
<script>
export default {
data(){
return{
//表格数据
tableData: [{
date: '2016-05-02',
name: 20,
address:40
}, {
date: '2016-05-04',
name: 10,
address: 34
}, {
date: '2016-05-01',
name: 20,
address: 34
}, {
date: '2016-05-03',
name: 29,
address:70
}]
}
},
mounted(){
//调用函数
this.getabv()
},
methods:{
//计算求和以及平均值数据
getabv(){
//放一个空数组用来装从tabledata数字对象内拿出name数据
let a=[]
//用来求总和
let b=0
//用来求平均值
let c=0
//用一个小循环遍历数组
this.tableData.forEach(i=>{
//把name数据加进去a
a.push(i.name)
//用+=name的数据,来求总数,每遍历一个,就会把数据+=一次
b += i.name
//用总数除长度,就得出了平均多少,如果不想要小数点可以用Math.round方法取整
c=b/this.tableData.length
})
console.log(a,b,c);
}
}
}
</script>
更多推荐
已为社区贡献17条内容
所有评论(0)