前端使用vue element-ui 時粹淋,經(jīng)常會用到 table 來展示從后臺請求回來的數(shù)據(jù)吸祟,
但是,如果被請求回來數(shù)據(jù)是 Boolean 類型的時候桃移,在table的列上屋匕,不會被展示出來,展示的是空借杰。
這個時候炒瘟,我們需要做的就是對布爾值數(shù)據(jù)進行格式的轉(zhuǎn)化。
1第步、前端加入代碼
前端加入代碼 :formatter="formatBoolean" :show-overflow-tooltip="true"
<el-table-column prop="is_admin" label="Admin" width="120" :formatter="formatBoolean" />
2、新增轉(zhuǎn)化方法
在methods寫入方法formatBoolean
每一行都會觸發(fā)這個方法缘琅,row為table那一行數(shù)據(jù)保存的對象粘都,index為索引
methods: {
formatBoolean: function (row, index) {
var ret = ''
if (row.is_admin == true) {
ret = "yes" //根據(jù)自己的需求設(shè)定
} else {
ret = "no"
}
return ret;
},
...
...
...
}