Vue 对象删除没有值的项

在调用后端查询接口时,有的要求参数对象里空值的项不要传,这个时候可以封装一个方法在调用接口前将对象过滤一遍。

1.新建一个名为tools.js的文件,里面放入以下代码

//对象删除没有值的项

export const removePropertyOfNull = (obj) => {

Object.keys(obj).forEach(item=>{

if(!obj[item] && obj[item] !== 0) delete obj[item]

})

return obj;

}

2.在页面中使用

// 引入

import { removePropertyOfNull } from "@/utils/tools.js";

// 在方法中使用

let params = {

pageIndex: 1,

pageSize: 10,

name: "张三",

type: "",

order: null,

age: 0

}

params = removePropertyOfNull(params );

// params值为{ pageIndex: 1, pageSize: 10, name: "张三", age: 0 }

相关推荐
ProgramHan1 分钟前
十大排行榜——前端语言及要介绍
前端
Patrick_Wilson4 分钟前
你删过 lock 文件吗?聊聊包管理器迁移中 90% 的人会踩的坑
javascript·npm·前端工程化
早點睡3906 分钟前
ReactNative项目OpenHarmony三方库集成实战:react-native-permissions
javascript·react native·react.js
氢灵子12 分钟前
Fixed 定位的失效问题
前端·javascript·css
章鱼丸-14 分钟前
DAY34 GPU 训练与类的 call 方法
开发语言·python
2501_9454235416 分钟前
C++跨平台开发实战
开发语言·c++·算法
英俊潇洒美少年18 分钟前
函数组件(Hooks)的 **10 大优点**
开发语言·javascript·react.js
Oueii18 分钟前
分布式系统监控工具
开发语言·c++·算法
小陈工26 分钟前
2026年3月24日技术资讯洞察:边缘AI商业化,Java26正式发布与开源大模型成本革命
java·运维·开发语言·人工智能·python·容器·开源
haibindev31 分钟前
把近5万个源文件喂给AI之前,我先做了一件事
java·前端·c++·ai编程·代码审计·架构分析