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 }

相关推荐
weixin199701080167 分钟前
《识货商品详情页前端性能优化实战》
前端·性能优化
Forever7_8 分钟前
重磅!Vue3 手势工具正式发布!免费使用!
前端·前端框架·前端工程化
用户806138166599 分钟前
发布为一个 npm 包
前端·javascript
smchaopiao21 分钟前
Python中字典与列表合并的问题与解决方法
开发语言·python
敲代码的瓦龙39 分钟前
Java?面向对象三大特性!!!
java·开发语言
树上有只程序猿39 分钟前
低代码何时能出个“秦始皇”一统天下?我是真学不动啦!
前端·后端·低代码
TT_哲哲40 分钟前
小程序双模式(文件 / 照片)上传组件封装与解析
前端·javascript
2501_9216494940 分钟前
期货 Tick 级数据与基金净值历史数据 API 接口详解
开发语言·后端·python·websocket·金融·区块链
野犬寒鸦44 分钟前
Redis复习记录day1
服务器·开发语言·数据库·redis·缓存