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