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 }

相关推荐
m0_5879589511 分钟前
C++中的命令模式变体
开发语言·c++·算法
~无忧花开~23 分钟前
React生命周期全解析
开发语言·前端·javascript·react.js·前端框架·react
剑心诀24 分钟前
02 数据结构(C) | 线性表——顺序表的基本操作
c语言·开发语言·数据结构
哈__40 分钟前
ReactNative项目OpenHarmony三方库集成实战:react-native-maps
javascript·react native·react.js
人间打气筒(Ada)40 分钟前
如何基于 Go-kit 开发 Web 应用:从接口层到业务层再到数据层
开发语言·后端·golang
cj814042 分钟前
Prompt,Agent,Skill,Mcp分别于langchain有什么关系
前端
2501_9249526943 分钟前
代码生成器优化策略
开发语言·c++·算法
清风徐来QCQ1 小时前
八股文(1)
java·开发语言
SuperEugene1 小时前
Axios + Vue 错误处理规范:中后台项目实战,统一捕获系统 / 业务 / 接口异常|API 与异步请求规范篇
前端·javascript·vue.js·前端框架·axios
行走的陀螺仪1 小时前
手写 Vue3 极简 i18n
前端·javascript·vue.js·国际化·i18n