场景

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

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

 

 

posted on 2022-02-28 13:20  霸道流氓  阅读(1675)  评论(0编辑  收藏  举报