说一下应用场景:后端返回数据中有0,1,2等指代状态的数据。我需要在表格中呈现出实际的状态文字。比如0.开启1.关闭等。
<el-table-column property="courseType" label="课程类型" :formatter="formatype">
</el-table-column>
<el-table-column label="课程时间" width="200">
<template slot-scope="scope">
{{scope.row.courseStart}} 至 {{scope.row.courseEnd}}
</template>
</el-table-column>
这里写到了两种情况
1,是我开头说的场景,后端给我0,1,2等数据,我需要进行转换,
2,是我需要整合后端传给我的时间点。用scope得到。
解决1的方法:
formatype:function (row, column, cellValue) {
if (cellValue === "1"){
return '理论';
}else if (cellValue === "2"){
return '社科';
}else if(cellValue === "3"){
return '外语'
}
},
解决的方法不只有一种~~
还有就是用过滤器 filters
<el-table-column label="课程类型" width="200">
<template slot-scope="scope">
{{scope.row.courseType | formatType}}
</template>
</el-table-column>
filters:{
formatType(val){
return val == 0 ?'理论' :val == 1 ? '社科' :'外语'
}
}