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

使用配景

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

1. cleanDataObj(obj) {
2.       Object.keys(obj).forEach((key) => {
3.         if (obj[key] === '') {
4.           delete obj[key]
5.         }
6.       })
7.     },

复制代码

demo如下

1. export default {
2.   data() {
3.     return {
4.             demoObject:{
5.                         name:'小花'，
6.                         sex:'',
7.                         hobby:'爬山',
8.                         }
9.                 }
10.     },
11.     methods:{
12.                 cleanDataObj(obj) {
13.                       Object.keys(obj).forEach((key) => {
14.                         if (obj[key] === '') {
15.                                   delete obj[key]
16.                                 }
17.                               })
18.                     },
20.                 demoHandle(){
21.                 let needObject =  this.cleanDataObj(this.demoObject)
22.                 console.log(needObject)
23.         // 结果为 {name:'小花'，hobby:'爬山'}
24.                 }
25.           }
26. }

复制代码

希望对你们有所帮助

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。