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 }

相关推荐
芳草萋萋鹦鹉洲哦31 分钟前
【Windows】tauri+rust运行打包工具链安装
开发语言·windows·rust
权泽谦34 分钟前
R Shiny 交互式网页实战:从零到上线可视化应用
开发语言·信息可视化·r语言
wuk9981 小时前
实现ROS系统的Websocket传输,向Web应用推送sensor_msgs::Image数据
前端·websocket·网络协议
hweiyu001 小时前
Go Fiber 简介
开发语言·后端·golang
合作小小程序员小小店3 小时前
web网页开发,在线%考试管理%系统,基于Idea,vscode,html,css,vue,java,maven,springboot,mysql
java·前端·系统架构·vue·intellij-idea·springboot
天天进步20153 小时前
CSS Grid与Flexbox:2025年响应式布局终极指南
前端·css
ᐇ9594 小时前
Java LinkedList集合全面解析:双向链表的艺术与实战
java·开发语言·链表
码银4 小时前
【数据结构】顺序表
java·开发语言·数据结构
Boop_wu4 小时前
[Java EE] 计算机基础
java·服务器·前端
Novlan14 小时前
TDesign UniApp 组件库来了
前端