如:后端通过JSON传到前端,有一个字段是利用0,1进行标识,要将0转换为“进”,将1转换为“出” 前端代码如下
<el-table :data="berthplanList" border stripe>
<el-table-column label="No" type="index"></el-table-column>
<el-table-column label="进/出" prop="worktype" width="200px">
<template slot-scope="scope">{{
scope.row.worktype | formatworktype
}}</template></el-table-column
>
</el-table>
利用filters中的formatworktype来修改显示
formatworktype: function (value) {
if (value == 0) {
return "进";
} else if (value == 1) {
return "出";
} else if (value == 2) {
return "。。。。。其余";
}
return value;
},
最终前端可成功转换,并在el-table中显示