PiLi_Note

Note

0%

element-ui 表格数据格式化

发表于 更新于 分类于

element-ui 表格需要格式化内容后展示

使用 element 表格的 formatter 属性
1
2
3
4
5
6
7
<el-table-column prop="status" label="状态" :formatter="formatStatus"></el-table-column>

methods:{
    formatStatus(row, column) {
        return row.status === "1" ? "成功" : row.status === "0" ? "失败" : "/";
    }
}
使用 filters
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<el-table-column label="状态">
    <template slot-scope="{row}">{{row.status | formatStatus}}</template>
</el-table-column>

filters: {
    // 状态
    formatStatus: function(status) {
        if (status === "1") {
            status = "成功";
        } else if (status === "0") {
            status = "失败";
        }else{
            status = "/";
        }
        return status;
    }
}