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 }

相关推荐
麒qiqi3 分钟前
【Linux 系统编程】文件 IO 与 Makefile 核心实战:从系统调用到工程编译
java·前端·spring
hoiii1874 分钟前
MATLAB实现HOG特征提取与SVM行人检测
开发语言·支持向量机·matlab
IT_陈寒9 分钟前
Vue3 性能优化实战:从10秒到1秒的5个关键技巧,让你的应用飞起来!
前端·人工智能·后端
gambool14 分钟前
新版chrome Edge浏览器不再支持手动添加cookie
前端·chrome·edge
JIngJaneIL15 分钟前
基于Java酒店管理系统(源码+数据库+文档)
java·开发语言·数据库·vue.js·spring boot
一只爱吃糖的小羊17 分钟前
React 避坑指南:“闭包陷阱“
前端·javascript·react.js
web前端进阶者20 分钟前
electron-vite报错Unexpected end of JSON input
javascript·electron·json
weixin_4462608522 分钟前
八、微调后模型使用及效果验证-1
前端·人工智能·chrome·微调模型
by__csdn22 分钟前
大前端:定义、演进与实践全景解析
前端·javascript·vue.js·react.js·typescript·ecmascript·动画
ZC·Shou24 分钟前
Rust 之二 各组件工具的源码、构建、配置、使用(二)
开发语言·ide·rust·工具·命令·clippy·rustfmt