刘俊凯 发表于 2024-11-14 04:29:12

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

使用配景

在配合后端post请求接口的时候 仅必要将有值的字段传入接口中
关键代码

cleanDataObj(obj) {
      Object.keys(obj).forEach((key) => {
      if (obj === '') {
          delete obj
      }
      })
    },
demo如下

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

                demoHandle(){
                let needObject =this.cleanDataObj(this.demoObject)
                console.log(needObject)
      // 结果为 {name:'小花',hobby:'爬山'}
                }
          }
}
希望对你们有所帮助

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
页: [1]
查看完整版本: vue 提交表单抹除字段为空的数据