vue中表格统计金额，前面设置美元符号，并设置颜色

 1、在methods里面写方法

// 表格总计的金额
       getSummaries(param) {
         const { columns, data } = param;
         const sums = [];
         columns.forEach((column, index) => {
           if (index === 5) {
             sums[index] = "累计金额";
             		//	index 表示表格的第几列开始计算
           } else if (index >= 6) {
             const values = data.map((item) => Number(item[column.property]));
             if (!values.every((value) => isNaN(value))) {
               sums[index] = values.reduce((prev, curr) => {
                 const value = Number(curr);
                 if (!isNaN(value)) {
                   return Number(prev.toFixed(2)) + curr;
                 } else {
                   return prev;
                 }
               }, 0);
                 switch(column.property) {
                     case "dqrAmount":
                     case "ysAmount":
                     case "yfAmount":
                     case "invoicedAmount":
                     case "receivedAmount":
                     case "wdzAmount":
                         sums[index]= this.$options.filters['amountFormat'](sums[index]);
                         return sums[index] = "￥"+ sums[index] ;
                         break;
                 }
             } else {
               sums[index] = "N/A";
             }
           } else {
             sums[index] = "";
           }
         });
         return sums
       },

2、在表格上设置属性

<el-table
       :data="accountsList"
        stripe
        border
        height="160"
        :summary-method="getSummaries"
        show-summary
        >

3、设置样式

/deep/.el-table .el-table__footer-wrapper .cell{
        font-weight: 600;
        color: #f66019;}