Vue中使用element table，表格参数格式化 formatter

template

<el-table :data="tableDataList" border style="width: 100%">
   <el-table-column
     prop="smsTaskID"
     label="任务ID"
     align="center">
   </el-table-column>
   <el-table-column
     prop="recallProjectType"
     label="召回方案"
     align="center"
	 :formatter="formatType"
    >
   </el-table-column>
   <el-table-column
        prop="taskStartDate"
        label="推送时间"
        align="center">
        <template slot-scope="scope"> {{ scope.row.taskStartDate | formatDate('yyyy-MM-dd hh:mm') }} </template>
 </el-table-column>
          
</el-table>

data

tableData: [{
        smsTaskID: 6,
        recallProjectType: 1,
        taskStartDate :1566439557000
      },  {
        smsTaskID: 7,
        recallProjectType: 2,
        taskStartDate : 1566380697000
      }]

methods

formatType (row) {
	return row.recallProjectType === 1 ? '高覆盖' : row.recallProjectType === 2 ? '高性价比' : '所有人'
}