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 }

相关推荐
北辰alk几秒前
深入理解Vue数据流:单向与双向的哲学博弈
vue.js
cos15 分钟前
Fork 主题如何更新?基于 Ink 构建主题更新 CLI 工具
前端·javascript·git
小满zs17 分钟前
Next.js第二十一章(环境变量)
前端·next.js
odoo中国17 分钟前
Odoo 19 模块结构概述
开发语言·python·module·odoo·核心组件·py文件按
C***115021 分钟前
Spring aop 五种通知类型
java·前端·spring
北辰alk41 分钟前
解决Vue打包后静态资源图片失效的终极指南
vue.js
代码N年归来仍是新手村成员1 小时前
【Java转Go】即时通信系统代码分析(一)基础Server 构建
java·开发语言·golang
朝阳391 小时前
前端项目的【package-lock.json】详解
前端
Z1Jxxx1 小时前
01序列01序列
开发语言·c++·算法