ElementUi表格如何根据变量自定义内容？

Question

后台给的status有4个值分别是0 1 2 3 分别对应全部 正常 待发布 已删除
那么表格里面怎么显示这个4个对应的值呢？

<el-table-column
    prop="status"
    label="状态"
    align="center"
    width="100">
</el-table-column>

Answer 1

加一个slot-scope

const map = {
    '0': '全部',
    '1': '正常',
    '2': '待发布',
    '3': '已删除',
}
<el-table-column
    prop="status"
    label="状态"
    align="center"
    width="100">
    <template slot-scope="scope">
        <span>{{ map[scope.row.status] }}</span>
    </template>
</el-table-column>

Answer 2

<template slot-scope="scope">  
    <p>{{ scope.row.status | filtersStatus}}</p>  
</template\>