关于vue+element格式化表格数据（插槽的使用）和日期

关于vue+element格式化表格数据（插槽的使用）和日期

数字保留小数点处理

      <el-table-column
        align="center"
        prop="AMOUNT"
        label="配方值"
        width="200">
        <template slot-scope="scope">
          {{scope.row.AMOUNT.toFixed(2)}}
        </template>
      </el-table-column>
      <el-table-column
        align="center"
        prop="REAL_AMOUNT"
        label="复称值"
        width="200">
        <template slot-scope="scope">
<!--          v-if 如果数据为不为空，就保留两位小数-->
          <span v-if="scope.row.REAL_AMOUNT!=null">{{scope.row.REAL_AMOUNT.toFixed(2)}}</span>
        </template>
      </el-table-column>

时间

1，下载moment.js

npm install moment --save

2，用 ‘:formatter’ 来绑定设置时间格式的方法carTimeFilte

 <el-table-column
     prop="carTime"
     label="创建时间"
     :formatter="carTimeFilter">                   
  </el-table-column>

3，在本组件中引用 moment.js

 import moment from 'moment';

4，表格中日期过滤 YYYY-MM-DD HH:mm:ss

carTimeFilter(row, column, cellValue, index) {
  const daterc = row[column.property]
  if(daterc !=null){
    return moment(daterc).format("YYYY-MM-DD HH:mm:ss")
  }
},