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 }

相关推荐
狂炫冰美式20 分钟前
TRAE SOLO 驱动:重构AI模拟面试产品的复盘
前端·后端·面试
故事不长丨3 小时前
C#定时器与延时操作的使用
开发语言·c#·.net·线程·定时器·winform
1024肥宅3 小时前
JavaScript 拷贝全解析:从浅拷贝到深拷贝的完整指南
前端·javascript·ecmascript 6
hefaxiang3 小时前
C语言常见概念(下)
c语言·开发语言
欧阳天风3 小时前
js实现鼠标横向滚动
开发语言·前端·javascript
yue0083 小时前
C# Directory的用法介绍
开发语言·c#
局i3 小时前
Vue 指令详解:v-for、v-if、v-show 与 {{}} 的妙用
前端·javascript·vue.js
码界奇点4 小时前
Java Web学习 第15篇jQuery从入门到精通的万字深度解析
java·前端·学习·jquery
雨落秋垣4 小时前
手搓 Java 的用户行为跟踪系统
java·开发语言·linq
小鑫同学4 小时前
Alias Assistant:新一代 macOS Shell 别名管理解决方案
前端·前端工程化