最近在給朋友做一個項目，因為是B端，所以少不了表格。

網(wǎng)站建設(shè)公司,為您提供網(wǎng)站建設(shè),網(wǎng)站制作,網(wǎng)頁設(shè)計及定制網(wǎng)站建設(shè)服務(wù),專注于企業(yè)網(wǎng)站建設(shè),高端網(wǎng)頁制作,對成都會所設(shè)計等多個行業(yè)擁有豐富的網(wǎng)站建設(shè)經(jīng)驗的網(wǎng)站建設(shè)公司。專業(yè)網(wǎng)站設(shè)計,網(wǎng)站優(yōu)化推廣哪家好,專業(yè)成都網(wǎng)站推廣優(yōu)化,H5建站,響應(yīng)式網(wǎng)站。

本身就用了element-ui，但是訂單管理有個需求使用element-ui table組件實現(xiàn)不了，只能退而求其之用了原生的table，功能是幾乎滿足需求了，但是還有個小問題就是列求和沒搞定，這可咋整啊。看了element-ui是有這么個功能，遂翻開源碼看了下也沒看出啥話頭，心想算了，自己來實現(xiàn)，網(wǎng)上搜了下，偶然看到一位仁兄的寫法，拿過來稍微修改了下，果真是有用，在此感謝那位仁兄！（我本身對前端不專業(yè)，側(cè)后端）

下面貼代碼：

/**

javascript 部分

order.prods 是產(chǎn)品數(shù)組，即你要統(tǒng)計的那組數(shù)組

prod_amount 是計算的列名，我這里指的是商品數(shù)量

row.prod_amount*row.prod_price 這里我是要計算商品金額（單價*數(shù)量）所以這樣寫，如果你是計算其他，那就跟上面的商品數(shù)量一樣直接寫列名

**／

computed: {
  sumAmount(){
  return this.order.prods.map(
   row=>row.prod_amount).reduce(
   (acc, cur) => (parseFloat(cur) + acc), 0)
  },
  sumMoney(){
  return this.order.prods.map(
   row=>row.prod_amount*row.prod_price).reduce(
   (acc, cur) => (parseFloat(cur) + acc), 0)
  }
 },

本文名稱：解決vue表格table列求和的問題-創(chuàng)新互聯(lián)
文章位置：http://newbst.com/article46/dgiehg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供Google、自適應(yīng)網(wǎng)站、定制網(wǎng)站、營銷型網(wǎng)站建設(shè)、App設(shè)計、動態(tài)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)