沐若清辰
人生如茶,浓也好,淡也好,各有味道
posts - 35,comments - 3,views - 57854

求每个total = FB2+FB4+PB1+PB3+PB5中属性的总和;

复制代码
<el-table :data="tableContent" class="table_bsm">
          <el-table-column
            v-for="(col, index) in tableHeader"
            :key="index"
            :prop="col.prop"
            :label="col.lable"
            align="center"
            min-width="100"
          >
            <template slot-scope="scope">
              <span v-if="col.prop === 'lableName'">
                {{ scope.row[col.prop] }}
              </span>
              <el-input
                v-else
                v-model.number="scope.row[col.prop]"
                placeholder="请输入内容"
                onkeyup="value=value.replace(/[^\d]/g,'')"
                :disabled="col.prop == 'total' ? true : false"
                @input="tableFTInput(scope.row, scope.$index)"
              />
            </template>
          </el-table-column>
        </el-table>
复制代码

data中需要声明

tableHeader:[]
tableContent:[]
内容入截图

 

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
/**
   * input 计算total值
   * @param row 行数句
   */
  tableFTInput(row) {
    let noAddFiledArr = ["total", "lableName"] // 不需要相加计算total的值
    if (row) {
      let totalVal = 0
      for (const key in row) {
        let itemVal = row[key]
        if (!noAddFiledArr.includes(key)) {
          totalVal += itemVal * 1
        }
      }
      row.total = totalVal
    }
  },

  

posted on   沐若清辰  阅读(3884)  评论(0编辑  收藏  举报
编辑推荐:
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 从HTTP原因短语缺失研究HTTP/2和HTTP/3的设计差异
· 三行代码完成国际化适配,妙~啊~
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

点击右上角即可分享
微信分享提示