業(yè)務(wù)場(chǎng)景：在后臺(tái)管理系統(tǒng)表格模塊中，我們請(qǐng)求回來(lái)的數(shù)據(jù)類似性別等等，后臺(tái)給我們返的不是男，或者女，而是給我們返回的是0和1，或者是A和B；但是怎么在表格中顯示成男和女呢，這里就需要用到數(shù)據(jù)轉(zhuǎn)換 formatter屬性
具體代碼如下：
<el-table :data="tableData" highlight-current-row style="width: 100%"> <el-table-column prop="name" label="姓名"> <el-table-column prop="authority" :formatter="formatRole" label="角色"> </el-table-column></el-table>
js部分代碼：
methods: { //角色轉(zhuǎn)換 formatRole: function(row, column) { return row.authority == 'ROLE_REGISTRAR' ? "教務(wù)主任" : row.authority == 'ROLE_GRADE_DIRECTOR' ? "年級(jí)主任" : "班主任"; }}參數(shù)row就是表格當(dāng)前行的所有數(shù)據(jù)
當(dāng)然我們還可以用來(lái)截字符串啊，什么的，方法自己定義，return對(duì)應(yīng)的值就行了
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持武林網(wǎng)。
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注
