介绍:
前端基于VUE+ElementUI。 事情是这样的,前端将后端返回的数据展示在表格里。
要求:
后端返回的数据其中两列是数字,前端要展示的列是两列数字的和。后端小哥哥没有直接返回和给我。所以前端需要处理一下。
思路:(错误!大大的错误!!!)
forEach循环,循环算出每一行的和。
算是算出来了,这么来,展示不了。(现在想想当时的想法真是太菜了!!!)。
鼓捣了半个多小时,没实现。。。不得已找后端小哥哥,帮忙算出和直接返回。。。
实现:
其实特别简单,在列里边加完再展示就好了(当时咋就没成功呢!!!)
<el-table-column align="center" label="总人数">
<template slot-scope="scope">
<span> {{ scope.row.adminCount+scope.row.normalCount }}</span>
</template>
</el-table-column>
说明:
后端返回了管理员人数adminCount 和普通用户的人数normalCount。表格里展示总人数。没啥技术可言。关于插槽暂不详说(我也还不太懂)。最后给后端小哥哥添麻烦了,抱拳了!。
(都已经准备睡觉了,突然想到代码应该这么写,起来验证一下,果然可以,故记录一下自己的菜鸟行为)