1. 程式人生 > >【 iview 實踐指南】之在Table中使用 InputNumber 並實現列求和

【 iview 實踐指南】之在Table中使用 InputNumber 並實現列求和

view NPU 業務 www. 行數據 影響 實現 table 根據

先看一下實際需求:

技術分享圖片

這裏需要針對“非農保費計劃指標”做列求和;

本文以(https://www.cnblogs.com/likwin/p/10572203.html)為基礎,部分字段根據實際業務需求有些變動,不影響整體思路!!!

基本思路:

  1、將“合計”這一行數據追加在Table的data中;

  技術分享圖片

  2、在data內定義需要求和的幾個變量:

  技術分享圖片

  3、修改template部分:

  技術分享圖片

  4、定義修改數據後求和方法:

  技術分享圖片

  5、打開Chrome,見證奇跡

  技術分享圖片

【 iview 實踐指南】之在Table中使用 InputNumber 並實現列求和