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


今天遇到了这个问题,而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就是拿到后端返回数据要渲染在表格的数据,拿来判断即可。


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM