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 }

相关推荐
代码or搬砖9 小时前
HashMap源码
开发语言·python·哈希算法
星辰_mya9 小时前
reids哨兵集群与选主
java·开发语言
期待のcode9 小时前
Java的多态
java·开发语言
王林不想说话10 小时前
React自定义Hooks
前端·react.js·typescript
颜酱10 小时前
滑动窗口详解:原理+分类+场景+模板+例题(视频贼清晰)
javascript
heyCHEEMS10 小时前
Uni-app 性能天坑:为什么 v-if 删不掉 DOM 节点
前端
马致良10 小时前
三年前写的一个代码工具,至今已被 AI Coding 完全取代。
前端·ai编程
橙某人10 小时前
LogicFlow 交互新体验:让锚点"活"起来,鼠标跟随动效实战!🧲
前端·javascript·vue.js
借个火er10 小时前
依赖注入系统
前端
借个火er10 小时前
项目介绍与环境搭建
前端