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 }

相关推荐
zhanghongbin012 分钟前
AI 采集器:Claude Code、OpenAI、LiteLLM 监控
java·前端·人工智能
良木生香3 分钟前
【C++初阶】C++入门相关知识(2):输入输出 & 缺省参数 & 函数重载
开发语言·c++
忘梓.4 分钟前
墨色规则与血色节点:C++红黑树设计与实现探秘
java·开发语言·c++
hhh3u3u3u5 分钟前
Visual C++ 6.0中文版安装包下载教程及win11安装教程
java·c语言·开发语言·c++·python·c#·vc-1
IT_陈寒7 分钟前
Python的列表推导式里藏了个坑,差点让我加班到凌晨
前端·人工智能·后端
星河耀银海8 分钟前
C++ 模板进阶:特化、萃取与可变参数模板
java·开发语言·c++
cccccc语言我来了12 分钟前
【C++---unordered_set/map底层封装】个不拘一格的集合。它不似有序集合那般循规蹈矩,而是以一种洒脱不羁的方式,将元素们随意地散落其中。每一个元素都是独一无二的。
开发语言·c++·哈希算法
Zfox_12 分钟前
C++ IO流全解析:标准库中的数据处理与文件读写艺术
开发语言·c++
加号312 分钟前
【C#】实现沃德普线光控制器通信控制(附完整源码)
开发语言·c#
吴声子夜歌15 分钟前
ES6——正则的扩展详解
前端·mysql·es6