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 }

相关推荐
maplewen.2 分钟前
C++ 多态原理深入理解
开发语言·c++·面试
龙山云仓3 分钟前
No152:AI中国故事-对话祖冲之——圆周率与AI精度:数学直觉与极限探索
大数据·开发语言·人工智能·python·机器学习
object not found5 分钟前
UniCloud 本地调试云对象报 Cannot find module ‘uni-id-common‘ 的排查与解决
前端
琅琊榜首20208 分钟前
AI+Python实操指南:用编程赋能高质量网络小说创作
开发语言·人工智能·python
跨境小技9 分钟前
2026 Shopee数据抓取逐步教程:技术难点、解决思路与实战方法
前端·数据库·网络爬虫
tbRNA11 分钟前
C++ string类
开发语言·c++
ccLianLian11 分钟前
算法基础·C++常用操作
开发语言·数据结构·c++
一枚小太阳12 分钟前
想学 Electron?这份「能跑的示例集」一篇搞懂
前端·electron
是Dream呀13 分钟前
自动化打造信息影响力:用 Web Unlocker 和 n8n 打造你的自动化资讯系统
运维·前端·爬虫·自动化
陈广亮13 分钟前
告别 JSON.parse(JSON.stringify()) — 原生深拷贝 structuredClone
javascript