el-table整列加减乘除运算

Ybittersweet

已于 2023-06-06 15:37:29 修改

阅读量506

点赞数

文章标签： javascript 运算

于 2023-06-06 15:36:13 首次发布

本文链接：https://blog.csdn.net/Ybittersweet/article/details/131068578

版权

该博客介绍了如何在el-table中利用JavaScript的reduce方法进行整列的加减乘除运算，详细探讨了列运算的实现过程。

摘要由CSDN通过智能技术生成

核心用reduce进行加减乘除运算

列运算

<el-popover placement="top-start" title="运算" width="200" trigger="click">
          <el-select @change="selectChange" v-model="value" placeholder="请选择" clearable>
            <el-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.label">
            </el-option>
          </el-select>
          <el-button size="medium" slot="reference" type="primary" plain>列运算</el-button>
        </el-popover>
        <p></p>
        <el-table v-if="!isUpdate" :data="tableData" :key="reload" max-height="550"
          :header-cell-style="{ background: '#f5f5f5' }" style="width: 100%">
          <el-table-column v-for="(item, index) in colData" :key="index" :prop="item.title" :label="item.title"
            v-if="item.istrue" align="center" width="120" />
        </el-table>
        <el-table v-if="isUpdate" :data="upDataTable" :key="isUpdate" max-height="550"
          :header-cell-style="{ background: '#f5f5f5' }" style="width: 100%">
          <el-table-column v-for="(item, index) in colData" :key="index" :prop="item.title" :label=