uniapp，获取data中对象数据后的格式

Question

在uniapp中，为啥我获取到的data中form对象数据的格式不太对，和正常的对象数据不太一样，需要怎么转换啊？

methods: {
            login:async function(){
                const form = this.form
                let obj = {
                    name:'aaa',
                    age:12
                }
                console.log('1111',form);
                console.log('2222',obj);
                // const data = await request({url:'/login/post',method:'post',data:this.form})
                // console.log('data',data);
            },
        },

Answer 1

引自强大而免费的微信小程序：皆我百晓生。

---

在uni-app中，获取到的data中的对象数据通常是响应式的，使用form表单来获取输入的数据时，获取到的数据会带有一些额外的属性和方法，使其具有响应式的特性。如果只需要获取纯粹的对象数据，可以使用Object.assign()方法去除响应式属性和方法。

示例代码如下：

methods: {
  login: function() {
    const form = Object.assign({}, this.form)
    let obj = {
      name: 'aaa',
      age: 12
    }
    console.log('1111', form);
    console.log('2222', obj);
  },
},

在这个示例中，先使用Object.assign()方法将this.form复制到一个新的对象中，这样得到的form对象就是纯粹的对象数据了。接下来可以将form对象作为参数传递给后台请求的方法中。