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 }

相关推荐
黎雁·泠崖几秒前
Java继承:成员变量访问(就近原则+this/super用法)
java·开发语言
别或许13 分钟前
python中的异步调用(直接使用教程)
java·前端·python
摘星编程13 分钟前
React Native + OpenHarmony:Modal确认取消弹窗
javascript·react native·react.js
ShineWinsu15 分钟前
对于C++:模版初阶的解析
开发语言·c++·面试·笔试·函数··模版
xkxnq15 分钟前
第四阶段:Vue 进阶与生态整合(第 47 天)(Vue 项目目录结构解析:每个文件夹的作用与规范)
前端·javascript·vue.js
Max_uuc19 分钟前
【C++ 硬核】告别 Excel 生成数组:利用 constexpr 实现编译期计算查找表 (LUT)
开发语言·c++·excel
墨雨晨曦8826 分钟前
leedcode刷题总结
java·开发语言
炽烈小老头28 分钟前
浏览器渲染原理:从 HTML 到像素的全链路拆解
前端
打小就很皮...28 分钟前
React 合同审查组件:按合同原文定位
前端·react.js·markdown
嫂子开门我是_我哥30 分钟前
第十六节:异常处理:让程序在报错中稳定运行
开发语言·python