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

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

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

微信截图_20191216135239.png

阅读 469
评论
    2 个回答
    hzzly
    • 1.3k

    加一个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>
    评论 赞赏
      <template slot-scope="scope">  
          <p>{{ scope.row.status | filtersStatus}}</p>  
      </template\>
      评论 赞赏
        撰写回答

        登录后参与交流、获取后续更新提醒