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 }

相关推荐
郝学胜-神的一滴32 分钟前
Qt的QSlider控件详解:从API到样式美化
开发语言·c++·qt·程序人生
学困昇1 小时前
C++11中的{}与std::initializer_list
开发语言·c++·c++11
郝学胜-神的一滴1 小时前
Qt的QComboBox控件详解:从API到样式定制
开发语言·c++·qt·程序人生·个人开发
憧憬blog1 小时前
【Kiro开发集训营】拒绝“屎山”堆积:在 Kiro 中重构“需求-代码”的血缘关系
java·开发语言·kiro
行云流水6262 小时前
uniapp pinia实现数据持久化插件
前端·javascript·uni-app
n***i952 小时前
Java NIO文件操作
java·开发语言·nio
星释2 小时前
Rust 练习册 72:多米诺骨牌与回溯算法
开发语言·算法·rust
zhangyao9403302 小时前
uniapp动态修改 顶部导航栏标题和右侧按钮权限显示隐藏
前端·javascript·uni-app
程序喵大人4 小时前
推荐个C++高性能内存分配器
开发语言·c++·内存分配