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 }

相关推荐
2401_891482178 分钟前
C++中的代理模式实战
开发语言·c++·算法
weisian15114 分钟前
Java并发编程--12-读写锁与StampedLock:高并发读场景下的性能优化利器
java·开发语言·性能优化·读写锁·stampedlock
2401_8386833715 分钟前
C++中的代理模式高级应用
开发语言·c++·算法
RDCJM16 分钟前
Spring Boot + Vue 全栈开发实战指南
vue.js·spring boot·后端
暮冬-  Gentle°5 小时前
C++中的命令模式实战
开发语言·c++·算法
Volunteer Technology7 小时前
架构面试题(一)
开发语言·架构·php
清水白石0087 小时前
Python 对象序列化深度解析:pickle、JSON 与自定义协议的取舍之道
开发语言·python·json
2401_876907528 小时前
Python机器学习实践指南
开发语言·python·机器学习
努力中的编程者8 小时前
栈和队列(C语言底层实现环形队列)
c语言·开发语言
Shi_haoliu8 小时前
openClaw源码部署-linux
前端·python·ai·openclaw