Vue 对象删除没有值的项

最新推荐文章于 2024-08-01 14:31:16 发布

原创最新推荐文章于 2024-08-01 14:31:16 发布 · 1.2k 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #开发语言 #vue.js

本文介绍了如何在调用后端接口时，通过创建一个名为`removePropertyOfNull`的工具函数，过滤掉参数对象中值为null或0的空值项，以符合某些接口要求。示例展示了如何在项目中导入并使用这个函数来处理参数对象。

在调用后端查询接口时，有的要求参数对象里空值的项不要传，这个时候可以封装一个方法在调用接口前将对象过滤一遍。

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 }