zoukankan      html  css  js  c++  java
  • vue 实现数组对象中,每个对象属性的总和

    求每个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:[]
    内容入截图

      /**
         * 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
          }
        },
    

      

  • 相关阅读:
    点击两次返回键程序退出
    权限android.permission.WRITE_EXTERNAL_STORAGE 内外置sd卡写权限
    java Calendar add方法
    MeasureSpec简介
    android bitmap转换
    IOS键盘隐藏和显示调用
    内存溢出
    UIView递归
    caLayer
    C++算法
  • 原文地址:https://www.cnblogs.com/cyf-1314/p/15015179.html
Copyright © 2011-2022 走看看