当前位置: 首页 > news >正文

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("暂无数据导出");}
};

只传有值的字段给后端

 

 

 

 

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • 2011年的数字IC设计面经
  • MySQL:left join 后用 on 还是 where?
  • 解决Linux中已安装JDK但是java找不到命令问题
  • matlab实现pid控制空调温度
  • 昇思25天学习打卡营第19天 | ResNet50迁移学习再续
  • 【JVM-04】线上CPU100%
  • wordpress外贸建站公司案例英文模板
  • Netty服务端接收TCP链接数据
  • 代码随想录算法训练营:28/60
  • JAVA中关于compareTo方法的原理深挖
  • 【论文阅读】AsyncDiff: Parallelizing Diffusion Models by Asynchronous Denoising
  • VS2019 因公司加密无法运行程序原因
  • 树莓派4B_OpenCv学习笔记21:OpenCV_haar人脸识别
  • Day1--每日一练
  • P8086 『JROI-5』Music
  • 【附node操作实例】redis简明入门系列—字符串类型
  • 11111111
  • Apache的80端口被占用以及访问时报错403
  • cookie和session
  • export和import的用法总结
  • flask接收请求并推入栈
  • HTTP请求重发
  • JS 面试题总结
  • Linux编程学习笔记 | Linux多线程学习[2] - 线程的同步
  • PhantomJS 安装
  • Python - 闭包Closure
  • storm drpc实例
  • UEditor初始化失败(实例已存在,但视图未渲染出来,单页化)
  • Vue2.x学习三:事件处理生命周期钩子
  • Vue实战(四)登录/注册页的实现
  • 构建工具 - 收藏集 - 掘金
  • 关于for循环的简单归纳
  • 扑朔迷离的属性和特性【彻底弄清】
  • 微信小程序设置上一页数据
  • 一些基于React、Vue、Node.js、MongoDB技术栈的实践项目
  • Java性能优化之JVM GC(垃圾回收机制)
  • ​Linux·i2c驱动架构​
  • #NOIP 2014#Day.2 T3 解方程
  • #经典论文 异质山坡的物理模型 2 有效导水率
  • (+3)1.3敏捷宣言与敏捷过程的特点
  • (17)Hive ——MR任务的map与reduce个数由什么决定?
  • (9)YOLO-Pose:使用对象关键点相似性损失增强多人姿态估计的增强版YOLO
  • (arch)linux 转换文件编码格式
  • (BFS)hdoj2377-Bus Pass
  • (Redis使用系列) Springboot 实现Redis 同数据源动态切换db 八
  • (二)linux使用docker容器运行mysql
  • (附源码)ssm高校实验室 毕业设计 800008
  • (附源码)ssm失物招领系统 毕业设计 182317
  • (剑指Offer)面试题41:和为s的连续正数序列
  • (深入.Net平台的软件系统分层开发).第一章.上机练习.20170424
  • (续)使用Django搭建一个完整的项目(Centos7+Nginx)
  • (一)为什么要选择C++
  • (已解决)vue+element-ui实现个人中心,仿照原神
  • (转)MVC3 类型“System.Web.Mvc.ModelClientValidationRule”同时存在
  • (转)负载均衡,回话保持,cookie