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 }

相关推荐
LC同学4798115 小时前
工程化实战:uniapp基于路由的自动主题切换体系
前端
莫比乌斯环15 小时前
【安全专项】如何成为一名“火眼金睛”的安卓侦探?
前端·代码规范
LC同学4798115 小时前
深入解析:uniapp单仓库多应用(SaaS 化)架构
前端
小成2023032026515 小时前
Linux高级
linux·开发语言
m0_5027249515 小时前
QT - 系统托盘
开发语言·qt
还不秃顶的计科生15 小时前
python循环中的enumerate用法
开发语言·python
程序员鱼皮15 小时前
从夯到拉,锐评 39 个前端技术!
前端·程序员·编程语言
前端小L15 小时前
双指针专题(九):谁是窗口里的老大?——「滑动窗口最大值」
javascript·算法·双指针与滑动窗口
凌览15 小时前
0成本、0代码、全球CDN:Vercel + Notion快速搭建个人博客
前端·后端
资生算法程序员_畅想家_剑魔15 小时前
Java常见技术分享-26-事务安全-锁机制-常见的锁实现
java·开发语言