自学内容网 自学内容网

vue 提交表单抹除字段为空的数据

使用背景

在配合后端post请求接口的时候 仅需要将有值的字段传入接口中

关键代码

cleanDataObj(obj) {
      Object.keys(obj).forEach((key) => {
        if (obj[key] === '') {
          delete obj[key]
        }
      })
    },

demo如下

export default {
  data() {
    return {
    demoObject:{
name:'小花',
sex:'',
hobby:'爬山',
}
}
    },
    methods:{
cleanDataObj(obj) {
      Object.keys(obj).forEach((key) => {
        if (obj[key] === '') {
          delete obj[key]
        }
      })
    },

demoHandle(){
let needObject =  this.cleanDataObj(this.demoObject)
console.log(needObject)
        // 结果为 {name:'小花',hobby:'爬山'}
}
  }
 }

希望对你们有所帮助


原文地址:https://blog.csdn.net/qq_50594742/article/details/143742692

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!