ant-design-vue表格数据为null取其他字段

最新推荐文章于 2024-05-12 17:13:03 发布
最新推荐文章于 2024-05-12 17:13:03 发布
阅读量1.4k 收藏 1
点赞数
分类专栏： UI组件库 文章标签： customRender 数据源 表格组件 自定义显示 字段访问
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Xiang_Gong_Ya_/article/details/121495408
版权

在这里插入图片描述

        {
          title: '时间',
          align: 'center',
          dataIndex: 'updateTime',
          customRender: function (t, listDataSource) {
            return t || listDataSource.createTime
          }
        },

其实知道是用这个方法，但是一直尝试不知道怎么用

 customRender: function (t, listDataSource) {
           return t || console.log(listDataSource.arrivalTime);
         }

最后在return处设置了一串打印，可以把数据源打印出来,那么就可以使用其他字段的值，还可以改变数据源

WorkAndDebugger
关注
专栏目录
ant design之protable的render自动处理null值转换‘-‘问题
Andrew_SJ的博客
08-26 1061
ant design库的高级组件库Pro Components中，Protable非常好用，但是最近在判断字段的时候发现对于非空值的判断出了问题。字段，当后端传来的数据为null时，经过逻辑。的判断，应该时将其渲染为一个短横杠字符。，因此三元表达式判断时其值实际已经变为。原因时Protable会在渲染时的。分析发现这里的判断逻辑中将为。，但是在实际的时候发现，当。，因此会将其渲染在列表中。字段识别为非空，且值为。解决办法：使用判断逻辑。的超链接，并且地址为。......
ant-design-vue嵌入html,ant-design-vue 快速避坑指南(推荐)
weixin_39972519的博客
06-23 2994
ant-design-vue是蚂蚁金服 Ant Design 官方唯一推荐的Vue版UI组件库，它其实是Ant Design的Vue实现，组件的风格与Ant Design保持同步，组件的html结构和css样式也保持一致。 用下来发现它的确称得上为数不多的完整的VUE组件库与开发方案集成项目。本文主要目的是总结一些开发过程中比较耗时间去查找，文档中没有具体说明的常见问题，同时希望能给新上手此框架的...
antdesign vue 列为数据空时 数据与表头不对齐ant design vue a-table 表头和内容不对齐
Jack, what else can you do besides holding your little darling?
07-02 662
antdesign vue 列为数据空时 数据与表头不对齐ant design vue a-table 表头和内容不对齐，一行代码解决问题
el-table表格中当某单元格字段为空时统一设置其显示内容
weixin_52137696的博客
09-29 2776
el-table表格中当某单元格字段为空时统一设置其占位符
ant design-vue的table表格添加rowkey的三种方式
nyf_unknow的博客
03-30 8966
项目场景： 知识产权模块展示表格数据 问题描述 控制台给出警告 原因分析： 未按照组件要求添加key 属性作为唯一的标识。 解决方案： 方法1：:rowKey=“record=>record.number” <!-- number为表格数据data中的一个属性 --> <a-table ref="table" size="middle" :rowKey="record=>record.number" :colu
Vue中绑定值与字符串拼接以及结合三目表达式实现是否为空判定的使用
BADAO_LIUMANG_QIZHI的博客
03-01 2040
场景 若依前后端分离版手把手教你本地搭建环境并运行项目： 若依前后端分离版手把手教你本地搭建环境并运行项目_BADAO_LIUMANG_QIZHI的博客-CSDN博客_若依前后端分离搭建 Vue中在调用后台接口的回调方法中将返回值绑定到字符串中。 并且在字符串中可以结合三目表达式判定，如果返回值的某个属性为空则显示空字符串。 注： 博客：BADAO_LIUMANG_QIZHI的博客_霸道流氓气质_CSDN博客-C#,架构之路,SpringBoot领域博主 关注公众号 霸道的程序猿 获取编程相关电
vue 里的 ant design表格数据的字段转换处理，如日期、布尔类型、三元表达式判断等
荣默默的博客
02-11 2507
最近在使用vue ant design 的时候，在处理接口返回的列表数据的时候老是出现各种问题，比如接口里返回的是时间戳，怎么在表格里展示成日期格式；还有接口返回的是bool类型，怎么展示成对应的文字描述等，话不多说，直接上代码。 const columnsList = [ [ { title: "名称", align: "center", width: "200px", dataIndex: "name", scopedSlots
ant design vue 表格 过滤
shi_6_tians的博客
04-15 4992
背景 使用ant design vue 的table组件，不分页，通过输入框对table中的数据进行筛选。 原始数据 过滤后的数据 解决方案 export default { mounted() { this.fetch(); }, data() { return { title: "", data: [] }; }, co...
ant-design-vue 开发的cron表达式组件
07-13 7481
最近研究一个github上的一个比较火的项目jeecg-boot。6月份github java开源项目排名第二，欢迎star 由于本人现在所处的公司不是特别忙，业余时间比较多，回家老婆不让玩dota，天天让我带娃，所以自己找个与技术相关且比较感兴趣的项目来研究，并有幸成为部分源码提供者之一，...
Ant-design-vue 树形控件tree 标题人员绑定解决方案
qq_36939013的博客
05-14 3385
<template> <a-tree v-if="treeData.length" :defaultExpandAll="true" showIcon showLine :treeData="treeData" :replaceFields="replaceFields" @select="onSelect" > <template s.
数据为空，使用--代替
maoxiaohei_的博客
04-06 279
<view>A: {{item.event_tpa==null?'--':item.event_tpa}}°C</view>
解决使用g2绘制图表，数据全为null时页面展示不为空的情况
weixin_44471622的博客
03-31 2105
G2数据全部为null时，页面显示优化 如果数据全部为null 会出现下列这种情况 如果出现可以这样优化 this.state.view.source(data,{ area:{ type:'linear' } })
关于lua next()的用法案例
少侠Smile丶
08-04 574
直接看代码
【Vue3】element-plus表格字段内容为空时显示自定义内容
冷芝士鸭的学习笔记
03-17 2574
在前端用表格显示后台接口返回的列表数据，有时候有些字段内容是null，此时为了统一美观，可以使用css属性对表格空字段进行修改，使其显示自定义内容。
Ant Design Vue (1)表格组件数字转文字的处理
行走在前端的小菜仔的博客
09-13 2591
## 在处理后台返回的数据的时候，为了操作方便，后台会把类似于状态和性别定义为数字形式，前端拿到后台返回的数据之后需要对数据进行数字转文字的转化
Ant-design实现a-table无数据的时候展示中文
最新发布
简单点的博客
05-12 476
Ant-design实现a-table无数据的时候展示中文
判断TD值为 空的时候，转化为0
chose_DoIt的博客
12-28 1277
$("table tr").each(function(){ var td=$(this).find("td"); $(td).each(function(){ if($(this).html()=="null"||$(this).html()=="undefined"|
ant-design-vue中a-date-picker只选择年份/含表单验证
故里的博客
09-02 9582
一、ant-design-vue中a-date-picker组件只选择年份 今天遇到了在日期选择器中只选择年份的日期选择器，但是是使用的ant-design-vue，目前还没有只选择年份的日期控件，但是需求还是要实现，上代码： 在template中 <a-form-model-item label="开始年限：" prop="all_plan_one" > <a-date-picker mode="year" placeholder="请选择年份" fo.
Ant Design Vue 日期选择框a-date-picker限制当前日期开始7天内可选
qq_44136882的博客
08-11 1253
Ant Design Vue 日期选择框a-date-picker限制当前日期开始7天内可选
ant-design-vue 表格三层可展开
05-15
Ant Design Vue 表格支持三层可展开，可以通过 `expandable` 属性来设置。具体实现步骤如下： 1. 在表格数据源中添加 `children` 字段来存储子节点数据。 2. 在表格列中添加 `expandable` 属性，用于设置展开行的...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值