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 }

你可能感兴趣的:(javascript,前端,开发语言,vue.js)