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 }

相关推荐
1314lay_1007几秒前
axios的Post方法和Delete方法的参数个数和位置不同,导致415错误
前端·javascript·vue.js·elementui
ShineWinsu1 分钟前
百度搜索算法逆向思考的技术文章
开发语言
lhbian2 分钟前
C# vs 汇编:编程世界的两极对比
开发语言·汇编·c#
handler014 分钟前
Linux基础知识(1)
linux·服务器·c语言·开发语言·数据结构·c++
LXXgalaxy8 分钟前
HTML头部元信息避坑指南
前端·html
qq_381338508 分钟前
现代 CSS 黑科技:Container Queries、:has() 与嵌套语法实战
前端·css·科技
Rsun045519 分钟前
12、Java 享元模式从入门到实战
java·开发语言·享元模式
枫叶丹49 分钟前
【HarmonyOS 6.0】ArkWeb:Web组件销毁模式深度解析
开发语言·前端·华为·harmonyos
良木生香10 分钟前
【C++ 初阶】:内存管理的迭代革新——从malloc/free 到 new/delete 的时代更迭
c语言·开发语言·c++
傻啦嘿哟10 分钟前
使用 Python 管理 Word 节及页面布局设置
开发语言·python·word