el-table-column中格式化判断数据为空则显示指定内容

场景

若依前后端分离版手把手教你本地搭建环境并运行项目：

若依前后端分离版手把手教你本地搭建环境并运行项目_BADAO_LIUMANG_QIZHI的博客-CSDN博客_若依前后端分离搭建

实现el-table-column中某一列返回数据如果为空则显示指定内容

注：

博客：
BADAO_LIUMANG_QIZHI的博客_霸道流氓气质_CSDN博客-C#,架构之路,SpringBoot领域博主
关注公众号
霸道的程序猿
获取编程相关电子书、教程推送与免费下载。

实现

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、使用三目表达式，如果为空则显示未登录，不为空则显示后台数据。