el-table-column中格式化判断数据为空则显示指定内容
生活随笔
收集整理的這篇文章主要介紹了
el-table-column中格式化判断数据为空则显示指定内容
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
場景
若依前后端分離版手把手教你本地搭建環境并運行項目:
若依前后端分離版手把手教你本地搭建環境并運行項目_BADAO_LIUMANG_QIZHI的博客-CSDN博客_若依前后端分離搭建
實現el-table-column中某一列返回數據如果為空則顯示指定內容
注:
博客:
BADAO_LIUMANG_QIZHI的博客_霸道流氓氣質_CSDN博客-C#,架構之路,SpringBoot領域博主
關注公眾號
霸道的程序猿
獲取編程相關電子書、教程推送與免費下載。
實現
1、el-table-column中添加formatter屬性
??????????? <el-table-columnlabel="司機名稱"align="center"prop="driverName":formatter="driverNameFormat"/>2、實現formatter方法
??????? // 駕駛員姓名格式化顯示driverNameFormat(row) {return row.driverName==null?"未登錄":row.driverName;},3、使用三目表達式,如果為空則顯示未登錄,不為空則顯示后臺數據。
?
總結
以上是生活随笔為你收集整理的el-table-column中格式化判断数据为空则显示指定内容的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Vue+Openlayers加载Geos
- 下一篇: el-input中设置onkeypres