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 }

相关推荐
道爷我悟了几秒前
Vue入门-指令学习-v-on
javascript·vue.js·学习
27669582923 分钟前
京东e卡滑块 分析
java·javascript·python·node.js·go·滑块·京东
爱写代码的刚子5 分钟前
C++知识总结
java·开发语言·c++
martian6655 分钟前
QT开发:基于Qt实现的交通信号灯模拟器:实现一个带有倒计时功能的图形界面应用
开发语言·qt
golitter.9 分钟前
Ajax和axios简单用法
前端·ajax·okhttp
冷琴199612 分钟前
基于java+springboot的酒店预定网站、酒店客房管理系统
java·开发语言·spring boot
PleaSure乐事18 分钟前
【Node.js】内置模块FileSystem的保姆级入门讲解
javascript·node.js·es6·filesystem
缘友一世20 分钟前
macOS .bash_profile配置文件优化记录
开发语言·macos·bash
tekin23 分钟前
macos 中使用macport安装,配置,切换多版本php,使用port 安装php扩展方法总结
开发语言·macos·php·port·mac多版本php安装管理·port-select
雷特IT28 分钟前
Uncaught TypeError: 0 is not a function的解决方法
前端·javascript