vue element表格合計問題

vue element計算表格合計問題

問題：當表格的el-table-column標簽下的屬性 prop屬性值為‘ 對象.屬性’時，將不能自動合計。
例如：

 

 　　　　<el-table
            border
            v-loading="loading2"
            :data="dataBill"
            style="width: 100%;text-align:left;"
            show-summary
            height="720"
          >
            <el-table-column type="index" label="序號" width="90" align="center"></el-table-column>
            <el-table-column prop="statisticsDate" label="日期" align="center"></el-table-column>
            <el-table-column prop="order.count" label="訂單數量" align="center"></el-table-column>
            <el-table-column prop="order.total" label="合計金額" align="center"></el-table-column>
　　　　</el-table>

 

這里的訂單數量和合計金額將不能自動合計。 

解決思路：把 porp屬性值修改為屬性格式（prop：“count”）。怎么修改呢？？？？
實現方法：遍歷循環修改。具體如下

 

  for (var i = 0; i < data.length; i++) {
            data[i].orderCount = data[i].order.count;
            data[i].orderTotal =
              data[i].order.total;
          }

 

最后把訂單數量和合計金額的 prop修改如下，就能自動合計啦

    <el-table-column prop="orderCount" label="訂單數量" align="center"></el-table-column>
    <el-table-column prop="orderTotal" label="合計金額" align="center"></el-table-column>

 

轉載地址：https://blog.csdn.net/weixin_42857055/article/details/99624826