前端使用vue+element-ui，我們經常會使用table來展示從后台請求回來的數據，但是，如果被請求回來數據是Boolean類型的時候，在table的列上，就不能像普通的字符串數據一樣，被展示出來，這個時候，我們需要做的就是對布爾值數據進行格式的轉化。
例如：
<el-table :data="rows" ref="datagrid" border="true" highlight-current-row="true" style="width: 100%">
<el-table-column prop="tableId" label="表id" :show-overflow-tooltip="true"> </el-table-column>
<el-table-column prop="pk" label="是否為主鍵" :formatter="formatBoolean"
:show-overflow-tooltip="true"></el-table-column>
</el-table>
列“是否為主鍵”的后台返回值為布爾值‘true’或‘false’，我們要想讓其在頁面上展示，就用:formatter="formatBoolean"屬性，對該值進行格式轉換，JS代碼如下：
/*布爾值格式化：cellValue為后台返回的值
*/
formatBoolean: function (row, column, cellValue) {
var ret = '' //你想在頁面展示的值
if (cellValue) {
ret = "是" //根據自己的需求設定
} else {
ret = "否"
}
return ret;
},
好了，這樣的話就可以看到了，日期類型的數據展示與這個同理！