vue表格之:formatter=fun

作用：對從數據庫中取出的數據進行處理后展示。

 

示例1：

partner1為從數據庫中查詢出的展示字段，值為數字id，需要轉化成中文名稱

partners為全量查詢結果，包含了id與中文名稱的一一對應關系

getPartnerName為數據處理函數，用以找到與id對應的中文名稱

<!-- 伙伴名稱 -->
<el-table-column prop="partner1" :formatter="getPartnerName" align="left" show-overflow-tooltip label="伙伴名稱" width="150"></el-table-column>

getPartnerName(row, col) {
    console.log('partners', this.partners)
    for (var i in this.partners) {
      if (this.partners[i].pid === row.partner1) {
        return this.partners[i].shortname
      }
    }
}

 示例2：時間格式化

// 時間格式化
dateFormat (row, column) {
      var date = row[column.property]
      if (date === undefined) {
        return ''
      }
      return DateTimeFormat(new Date(date), 'yyyy-mm-dd')
}