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