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 }

相关推荐
风止何安啊3 分钟前
为什么要有 TypeScript?让 JS 告别 “薛定谔的 Bug”
前端·javascript·面试
‎ദ്ദിᵔ.˛.ᵔ₎7 分钟前
STL 栈 队列
开发语言·c++
勿忘,瞬间13 分钟前
数据结构—顺序表
java·开发语言
张張40817 分钟前
(域格)环境搭建和编译
c语言·开发语言·python·ai
weixin_4235339921 分钟前
【Windows11离线安装anaconda、python、vscode】
开发语言·vscode·python
fzb5QsS1p23 分钟前
告别重复造轮子,Qt 快速开发脚手架
开发语言·qt·php
航Hang*25 分钟前
第3章:Linux系统安全管理——第2节:部署代理服务
linux·运维·服务器·开发语言·笔记·系统安全
周杰伦fans27 分钟前
C# required 关键字详解
开发语言·网络·c#
一蓑烟雨,一任平生28 分钟前
鸿蒙H5调试方法
前端·华为·h5·harmonyos
༾冬瓜大侠༿29 分钟前
vector
c语言·开发语言·数据结构·c++·算法