Vue 对象删除没有值的项

在调用后端查询接口时,有的要求参数对象里空值的项不要传,这个时候可以封装一个方法在调用接口前将对象过滤一遍。

1.新建一个名为tools.js的文件,里面放入以下代码

//对象删除没有值的项

export const removePropertyOfNull = (obj) => {

Object.keys(obj).forEach(item=>{

if(!objitem && objitem !== 0) delete objitem

})

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 }

相关推荐
奔跑的卡卡8 小时前
线上Web异常发现为什么总是滞后?一套自研Web实时异常分析监控系统整体架构拆解
前端·web安全·架构
秋田君8 小时前
Qt_Qt(c++)开发中常见错误与解决方法
开发语言·c++·qt
夏霞8 小时前
c# 不支持的目标框架 解决方案
开发语言·c#
梦曦i8 小时前
create-uni-app v1.1.0:结构化生成,工程骨架更规范
前端·uni-app
流光D8 小时前
AI时代,搭建 web 站点并配置 nginx 反向代理流程
运维·服务器·前端·人工智能·nginx·ai·ai编程
雄哥0078 小时前
java代码反编译CFR
java·开发语言·反编译·cfr
PBitW8 小时前
Travel Planner — 智能旅行行程规划助手
前端·后端
lsylalalala8 小时前
多线程(2)
java·开发语言·多线程
梨想橙汁8 小时前
CSS Grid 网格布局:二维布局神器,轻松实现复杂网页排版
前端·css
lhldsg8 小时前
酒吧点餐小程序开发:从需求分析到技术落地实战
java·前端·小程序·架构·交友