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 }

相关推荐
滕青山几秒前
MD5在线加密 核心JS实现
前端·javascript·vue.js
LYS_06181 分钟前
C++学习(8)(文件输入输出,类和对象(1))
开发语言·c++·学习
不会敲代码11 分钟前
Prop Drilling 再见!React Context 核心概念与实战解析
前端·react.js
We་ct2 分钟前
LeetCode 102. 二叉树的层序遍历:图文拆解+代码详解
前端·算法·leetcode·typescript
历程里程碑2 分钟前
26信号处理一:从闹钟到进程控制的奥秘
linux·运维·服务器·开发语言·c++·算法·排序算法
jghhh013 分钟前
基于C# WinForm实现自动在线升级的方案
开发语言·c#
stringwu3 分钟前
Claude Skill 开发实战指南:客户端开发工程师版
前端
sudo_jin3 分钟前
Webpack 是如何工作的?
前端
Gofarlic_OMS4 分钟前
LS-DYNA许可证全局状态及集群计算资源使用可视化监控大屏
运维·开发语言·算法·matlab·自动化
阿里嘎多学长5 分钟前
2026-02-25 GitHub 热点项目精选
开发语言·程序员·github·代码托管