vue elementUI表格 el-table-column

在使用element-ui的表格时，有时候后台给你的字段和你要显示在表格列里的内容不一致。

例如后台给的字段是testType，它的值为01或02，要求显示在表格里是‘鉴定试验’或‘型式试验’这时可以给el-table-column添加一个属性：formatter，代码如下：

<el-table ref="accountTable"
  :data="accountsListData"
  border>
 <el-table-column property="testType" label="检测性质" width="80" :formatter="stateFormat">
    </el-table-column>
</el-table>

js

methods:{
		  stateFormat(row, column) {
	    if (row.testType === "01") {
	      return '鉴定试验'
	    } else if (row.testType === "02"){
	      return '型式试验'
	    } else if (row.testType === "03"){
	      return '常规试验'
	    } else if (row.testType === "04"){
	      return '摸底试验'
	    } 
	  },
	}