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

 

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM