vxe-table配合Export2Excel导出object类型数据{type,count}。表格数据呈现是利用插槽,导出只要count该怎么做

先贴一张数据来:

一、然后是vxe-grid的columns配置:

然后就正常用封装好的Export2Excel就行。

碰到一次在控制台报错:
没复现出来,大概就说是count咋样咋样。

以后碰到的话再说,各位要用的话也注意看看

二、或者
用js的动态赋值属性


比如我上图的finish
①、
        假设vxe-grid的columns配置的field,我自设为finishCount或者别的
        我就在data查询得到的数据中
        循环创一个属性,item['finishCount'] = item.finish.count
②、
        参考一这种方式,你可以正常把vxe-grid的columns配置的field设置为null或者别的
        然后在vxe-grid获取表格列配置时
        var tableColumns = proxy.$refs['VxeGrid'].getTableColumn().collectColumn
        你log出来看看这部分数据,然后把field=finishCount
        后面一样的item['finishCount'] = item.finish.count

③、
        让后端给你反一个新的属性用就完事了

我是全栈觉得用一、方便我就用了,报错碰到后面再说,复现没出来

另外的一些遇到过的导出处理

1、我之前改的导出不是这问题,而是动态列。之前也写动态列,不过没写全,在这里补下:


        一个接口回数据,同时返回动态列去和vxe-grid的columns配置push(他们是一起,分页时会让动态列缺失或多余,所以我直接改了查询最大值。理想状态是一个接口返回数据,一个接口返回动态列有哪些,这部分后端不归我动,索性查询最大值,确保动态列返回正常)

        push完之后操作:proxy.$refs["fcVxeGrid"].loadColumn(xGridColumns);刷新一下表列配置

然后用的二②方式

接手改之前它展示在table中的数据也是用的插槽,导出还有数据:
        当时想的是列的field不与字段对应也行,但是不能为null或者undefined

        (我自己写的那个就赋值的null,用插槽,但是我没数据。可他有)

2、合并表格,基本上搜一下就有

我贴下我改的封装方法吧

我这里的leng判断的是我的数据行数,
好像是因为最后一行是后端自己返回的特殊数据行,不能进行汇总。不太记得了

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/737673.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

鸿蒙Harmony应用开发—ArkTS声明式开发(通用属性:外描边设置)

设置组件外描边样式。 说明: 从API Version 11开始支持。后续版本如有新增内容,则采用上角标单独标记该内容的起始版本。 outline outline(value: OutlineOptions) 统一外描边样式设置接口。 卡片能力: 从API version 11开始,该…

Aigtek电压放大器设计流程是什么样的

电压放大器是电子电路中常见的一种模块,用于放大输入信号的电压幅值。在实际设计过程中,需要考虑多个因素,包括放大器的增益、带宽、稳定性和功耗等。下面将介绍电压放大器设计的一般流程。 确定需求:首先需要明确设计的目标和需求…

Halcon测量专栏-圆弧测量

1.前言 1.1什么是圆弧 圆上任意两点间的部分叫做圆弧。由于圆弧有正反的特性,即为有顺时针方向和逆时针方向,在确定圆弧时,也需要确定圆弧的方向。 1.2halcon实现方式 针对圆弧的问题。1:它与圆是相似的,都具备中心…

IPSec NAT穿越原理

一、IPSec VPN在NAT场景中存在的问题 当某些组网中,有的分支连动态的公网IP地址也没有,只能由网络中的NAT设备进行地址转换,才能访问互联网,然而IPsec是用来保护报文不被修改的,而NAT需要修改报文的IP地址&#xff0c…

【DDPM】DDPM中为什么从xt到x_{t-1}还需要加上一个随机变量z?

这个伪代码是截取自DDPM这篇论文,请你解释这里的 δ t z \delta_tz δt​z 这一项的含义,为什么要加这一项呢? DDPM(Denoising diffusion probabilistic models) 这种模型通过一个逐渐增加噪声的过程来生成数据,然后再通过一个逆…

动态规划刷题总结(入门)

目录 什么是动态规划算法 如何判断题目中将使用动态规划算法? 动态规划题目做题步骤 动态规划题目解析 泰波那契数模型 第 N 个泰波那契数 三步问题 使用最小花费爬楼梯 路径问题 不同路径 不同路径 Ⅱ 珠宝的最高价值 下降最短路径和 地下城游…

以题为例 浅谈sql注入二次注入

什么是二次注入 二次注入可以理解为,攻击者构造的恶意数据存储在数据库后,恶意数据被读取并进入到SQL查询语句所导致的注入。防御者即使对用户输入的恶意数据进行转义,当数据插入到数据库中时被处理的数据又被还原,Web程序调用存…

Linux/Validation

Enumeration nmap 第一次扫描发现系统对外开放了22,80,4566和8080端口,端口详细信息如下 系统对外开放了4个端口,从nmap的结果来看,8080无法访问,手动尝试后4566也无法访问,只能从80端口开始 …

机器视觉中应用正态分布

笔记来源—— 【工程数学基础】9_阈值如何选取??在机器视觉中应用正态分布和6-Sigma【这是一期不需要记笔记的轻松视频,简单的知识,重要的运用】 比如我们要识别我们的产品上面是否有保护膜,我们可以通过白色像素点的…

c# combox 行间距调整

初始化combox comboBox1.DropDownStyle ComboBoxStyle.DropDownList;comboBox1.ItemHeight 25; // 设置 combox 的行高comboBox1.DrawMode DrawMode.OwnerDrawVariable; 添加 DrawItem 事件 private void comboBox1_DrawItem(object sender, DrawItemEventArgs e){if (…

二次封装 element-plus的Table 表格组件,减少代码臃肿

为什么要二次封装element-plus的Table 表格组件,言简意赅:以后难免会在表格里面加一些统一的逻辑,可以在表格里面书写重复的方法或样式 封装后的使用方式 props 参数类型可选值默认值说明tableDataArray——表格数据tableConfigArray——表…

OpenStack安装步骤

一、准备OpenStack安装环境 1、创建实验用的虚拟机实例。 内存建议16GB(8GB也能运行)CPU(处理器)双核且支持虚拟化硬盘容量不低于200GB(!)网络用net桥接模式 运行虚拟机 2、禁用防火墙与SELin…

【CSP】2022-03-3 计算资源调度器 stl大模拟使用map优化索引 完整思路+完整的写代码过程(遇到的问题)+完整代码

2022-03-3 计算资源调度器 stl大模拟使用map优化索引 2022-03-3 计算资源调度器 stl大模拟使用map优化索引思路写代码的过程(遇到的问题)完整代码 2022-03-3 计算资源调度器 stl大模拟使用map优化索引 在联系了之前那么多道stl大模拟题后,终…

揭秘PostgreSQL:超越传统数据库的无限可能!

介绍:PostgreSQL是一个功能强大的开源对象关系数据库系统。以下是对PostgreSQL的详细介绍: 开源性:PostgreSQL是完全开源的,这意味着任何人都可以自由地获取、使用和修改它的源代码。 可定制性:它具有高度可定制性&…

问题解决:NPM 安装 TypeScript出现“sill IdealTree buildDeps”

一、原因: 使用了其他镜像(例如我使用了淘宝镜像 npm config set registry https://registry.npm.taobao.org/ ) 二、解决方法: 1.切换为原镜像 npm config set registry https://registry.npmjs.org 安装typescript npm i …

前端开发的发展史:框架与技术栈的演变

🌟 前言 欢迎来到我的技术小宇宙!🌌 这里不仅是我记录技术点滴的后花园,也是我分享学习心得和项目经验的乐园。📚 无论你是技术小白还是资深大牛,这里总有一些内容能触动你的好奇心。🔍 &#x…

告别“死记硬背”,坐席助手让客服新手秒变大咖

在客服行业,新手客服人员常常面临着两大难题:一是需要死记硬背大量的标准答案,二是培训时间长,上岗速度慢。然而,随着科技的发展,这些问题正逐渐得到。今天,我们要为大家介绍一款革命性的客服工…

STM32CubeIDE基础学习-STM32CubeIDE软件新增工程文件夹

STM32CubeIDE基础学习-STM32CubeIDE软件新增工程文件夹 文章目录 STM32CubeIDE基础学习-STM32CubeIDE软件新增工程文件夹前言第1章 添加文件夹第2章 添加文件路径2.1 相对路径方法2.2 绝对路径方法 总结 前言 在编程的过程中,如果需要在原有的工程基础上新增其它的…

哈希表|202.快乐数

力扣题目链接 int getSum(int n) {int sum 0;while (n) {sum (n % 10) * (n % 10);n / 10;}return sum; }bool isHappy(int n){int sum getSum(n);int hash[820] {0};while (sum ! 1) {if (hash[sum] 1) {return false;} else {hash[sum];}sum getSum(sum);}return true…

探索未来:2024年人工智慧驱动的 AI + 研发趋势

#2024 AI 辅助研发趋势# 当我们站在2024年的风口浪尖时,人工智慧辅助研发的格局即将发生翻天覆地的变化。2023年人工智慧的快速发展为各行业的突破性进步铺平了道路。从研发流程的数位转型,到 AI 开发工具2.0 的出现,未来充满了超越 Copilot…