element ui 表格里面根据返回不同值显示不同内容

时间：2020-01-04 18:48:02 阅读：283 评论：0 收藏：0 [点我收藏+]

今天遇到了这个问题，而element ui里面的api却没有说明，于是自己百度了一下，很容易就找到了解决方法。

首先在 el-table-column标签里面添加衣服方法:formatter="stateFormat"。

具体如下：<el-table-column prop="sex" label="性别" width="50" :formatter="stateFormat"></el-table-column>

然后再methods里面添加一个方法：

stateFormat(row) {

if (row.state === 1) {

return "男";

} else {

return "女";

}

这里的row.state就是拿到后端返回数据要渲染在表格的数据，拿来判断即可。

原文：https://www.cnblogs.com/lihai132/p/12056799.html

踩

(0)

评论一句话评论（0）

分享档案

更多>