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 }

相关推荐
人大博士的交易之路2 分钟前
数据结构算法——python数据结构
开发语言·数据结构·python
Han_han9196 分钟前
面向对象高级 继承(extends):
开发语言·python
我是伪码农8 分钟前
HTML和CSS复习
前端·css·html
林恒smileZAZ10 分钟前
前端实现进度条
前端
前端老石人13 分钟前
邂逅前端开发:从基础到实践的全景指南
开发语言·前端·html
阿珊和她的猫22 分钟前
以用户为中心的前端性能指标解析
前端·javascript·css
木心术122 分钟前
OpenClaw网页前端开发与优化全流程指南
前端·人工智能
Amumu1213823 分钟前
HTML5的新特性
前端·html·html5
SeSs IZED29 分钟前
【Nginx 】Nginx 部署前端 vue 项目
前端·vue.js·nginx
叫我一声阿雷吧37 分钟前
JS 入门通关手册(36):变量提升、暂时性死区与块级作用域
javascript·变量提升·暂时性死区·tdz·块级作用域· 前端面试