vue3+ts 重复参数提取成方法多处调用以及字段无值时不传字段给后端

参数提取前的写法,此写法值为空的时候也会传空字段给后端

会把无值的空字段传给后端

 

修改后的写法,不会把没有值的字段传给后端

// 列表和导出需要传给后端的公共参数(加 || undefined即可过滤空字段)
const getCurentParam = () => {return {user_id: info.id || undefined,shop_id: state.shop_id || undefined,equipment_type: state.equipment_type || undefined,relate_type: state.relate_type || undefined,sdate: state.dateTime ? state.dateTime[0] : undefined,edate: state.dateTime ? state.dateTime[1] : undefined};
};// 数据获取
const getTableData = async () => {state.loading = true;const { code, data, total } = (await xcx_user_sportlog({...getCurentParam(),page: state.pageIndex,size: state.pageSize})) as HttpResponse;if (code == 200 && data) {let result = data || [];state.tableData = result;state.total = total;console.log("用户运动记录", result);}state.loading = false;
};// 导出
const onExport = async () => {const res = (await export_sportlog(getCurentParam())) as HttpResponse;if (res.code == 200 && res?.url) {const link = document.createElement("a");link.href = res?.url;document.body.appendChild(link);link.click();document.body.removeChild(link);} else {ElMessage.warning("暂无数据导出");}
};

只传有值的字段给后端

 

 

 

 

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

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

相关文章

【Cesium开发实战】电子围栏功能的实现,可自定义高度

Cesium有很多很强大的功能,可以在地球上实现很多炫酷的3D效果。今天给大家分享一个可自定义高度的电子围栏。 1.话不多说,先展示。 电子围栏 2.设计思路 点击绘制,在地图上可绘制多个点位,双击结束绘制,可对电子围栏…

债券一级市场、二级市场介绍

债券市场可以分为一级市场和二级市场,它们分别在债券发行和交易中扮演着不同的角色。 债券一级市场 一级市场是指债券的初级发行市场。在这个市场上,债券发行人(如政府、企业等)通过中介机构(如银行、证券公司等&…

昇思25天学习打卡营第14天|Pix2Pix实现图像转换

Pix2Pix是基于条件生成对抗网络(cGAN, Condition Generative Adversarial Networks )实现的一种深度学习图像转换模型,该模型是由Phillip Isola等作者在2017年CVPR上提出的,可以实现语义/标签到真实图片、灰度图到彩色图、航空图到…

leetcode--二叉搜索子树的最大键值和

leetcode地址:二叉搜索子树的最大键值和 给你一棵以 root 为根的 二叉树 ,请你返回 任意 二叉搜索子树的最大键值和。 二叉搜索树的定义如下: 任意节点的左子树中的键值都 小于 此节点的键值。 任意节点的右子树中的键值都 大于 此节点的键值…

IOC、DI<4> Unity

IOC():控制反转,把程序上层对下层的依赖,转移到第三方的容器来装配 是程序设计的目标,实现方式包含了依赖注入和依赖查找(.net里面只有依赖注入) DI:依赖注入&#xff0c…

基于jeecgboot-vue3的Flowable流程-集成仿钉钉流程(一)一些样式的调整使用

因为这个项目license问题无法开源,更多技术支持与服务请加入我的知识星球。 1、比如下面的发起人双击后出现的界面不正常, 看它的样式主要是这个里面的margin-left应该太小了, [data-v-45b533d5] .el-tabs__content { margin-top: 50px;mar…

多商户酒店预定SAAS系统(APP):云端革新引领行业未来

在数字化转型的浪潮中,酒店行业正经历着前所未有的变革。多商户酒店预定SAAS系统(APP)作为一种创新的解决方案,为酒店提供了一个集中化、高效、灵活的在线预订和管理平台。 SAAS系统的核心价值 SAAS系统通过云端服务&#xff0c…

7.1作业6

uart4.h #ifndef __UART4_H__ #define __UART4_H__ #include "stm32mp1xx_gpio.h" #include "stm32mp1xx_rcc.h" #include "stm32mp1xx_uart.h" //rcc/gpio/uart4初始化 void hal_uart4_init(); //发送一个字符 void hal_put_char(const char s…

在C++中暂停程序的几种方法

在开发C应用程序时,有时需要让程序暂停一段时间。例如,你可能需要等待某个操作完成,或是为用户提供某种延迟。在C中,有多种方法可以实现这一需求。 1. 使用 std::this_thread::sleep_for (C11及以上版本) std::this_thread::sle…

【JavaScript脚本宇宙】XML和HTML解析库大揭秘:快速选出最适合你的工具

解析XML和HTML文档:六大常用库功能对比 前言 在现代的Web开发中,处理XML和HTML文档是一个常见的任务。为了更加高效地解析和操作这些文档,开发人员通常会使用各种库和工具。本文将介绍几个流行的XML和HTML解析库,分别对其功能、…

wzoi.cc基数排序AC代码(含链接)

题目描述: 基数排序是一种并不基于关键字间比较和移动操作的排序算法。基数排序是一种借助多关键字排序的思想对单逻辑关键字进行排序的方法。 通过对每一个关键字分别依次进行排序,可以令整个关键字序列得到完整的排序。 在本题中,读入一串16位&…

react native中依赖@react-native-clipboard/clipboard库实现文本复制以及在app中获取复制的文本内容

react native中依赖react-native-clipboard/clipboard库实现文本复制以及在app中获取复制的文本内容 第三方库 第三方库 react-native-clipboard 我的项目react native0.72 我使用react-native-clipboard/clipboard1.13.2 npm install --save react-native-clipboard/clipboa…

留学Essay写作能够顺利拿“A”吗?

对于留学生来说Essay难度不可谓不大,很多同学刚到国外留学的时候都会被Essay难倒一大片,可见Essay写作的难度,当然了,不乏有留学生会选择Essay写作,这其实也是无可厚非的。那么Essay写作想拿高分需要注意哪些呢&#x…

香橙派编译linux内核支持ebpf和虚拟WIFI

前言 上一篇文章香橙派5plus上跑云手机方案一 redroid(带硬件加速)中说了怎么运行redroid,这篇补一下怎么修改参数编译内核。 补充 上篇文章有个内容需要补充一下:更新完内核需要用下面的命令防止内核被apt更新,不然后面使用apt update又回…

浅析C++引用

浅析C引用"&" ​ C中引入了一个新的语言特性——引用(&),它表示某一对象的别名,对象与该对象的引用都是指向统一地址。那么我们就来看看关于引用的一些知识点吧🧐 特性 引用在定义时必须初始化一个变量可以有多个引用引…

【Tools】了解人工通用智能 (AGI):未来的智能体

什么是人工通用智能 (AGI)? 人工通用智能(Artificial General Intelligence,AGI)是指一种能够理解、学习和应用知识,具有像人类一样广泛和通用的认知能力的智能系统。与专门处理特定任务的人工智能(AI&…

如何设计一个高可扩展的分布式架构?

如何设计一个高可扩展的分布式架构? 大家好,我是微赚淘客系统3.0的小编,也是冬天不穿秋裤,天冷也要风度的程序猿! 1. 引言:分布式架构的重要性 随着互联网应用的发展,单一服务器往往难以满足…

【Python】一文向您详细介绍 np.inner()

【Python】一文向您详细介绍 np.inner() 下滑即可查看博客内容 🌈 欢迎莅临我的个人主页 👈这里是我静心耕耘深度学习领域、真诚分享知识与智慧的小天地!🎇 🎓 博主简介:985高校的普通本硕,曾…

算法数据结构必备篇章2

文章目录 36. (必备)二叉树高频题目上37. (必备)二叉树高频题目下38. (必备)常见经典递归过程解析39. (必备)嵌套类问题的递归解题套路40. (必备)N皇后问题(含位运算求解)41. (必备)最大公约数, 同余原理42. (必备)对数器打表找规律的技巧43. (必备)根据数据量猜解法的技巧-天字…

6、Redis系统-数据结构-02-链表

二、List(列表) 1、List 数据结构的必要性 List 是一种有序的数据结构,可以按顺序存储多个字符串。它的主要特点如下: 有序性:List 中的元素是有序的,可以通过索引访问。双向操作:List 支持从…