el-table-column中格式化判斷數據為空則顯示指定內容

場景

若依前后端分離版手把手教你本地搭建環境並運行項目：

https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/108465662

實現el-table-column中某一列返回數據如果為空則顯示指定內容

注：

博客：
https://blog.csdn.net/badao_liumang_qizhi
關注公眾號
霸道的程序猿
獲取編程相關電子書、教程推送與免費下載。

實現

1、el-table-column中添加formatter屬性

            <el-table-column
                label="司機名稱"
                align="center"
                prop="driverName"
                :formatter="driverNameFormat"
            />

2、實現formatter方法

        // 駕駛員姓名格式化顯示
        driverNameFormat(row) {
            return row.driverName==null?"未登錄":row.driverName;
        },

3、使用三目表達式，如果為空則顯示未登錄，不為空則顯示后台數據。