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

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

 

 

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

上一篇:超级详细,解决矿池连接问题,自建中转服务器,简单高效安全


下一篇:linux安装python