在v-model vue中发送json

时间:2018-08-08 21:03:54

标签: javascript vue.js vuejs2

我输入的名称为profile的输入基本上与数据绑定为:

data: function() {
        return {
            profile: {
                    phone: +123 123 123;
                 }
            }
       }

在输入中,将name指定为profile,将v-model指定为profile.phone。它以以下格式发送到后端:

name: profile, value: +123 123 123

我显然也需要获取指定字段的信息-电话。通常是通过将名称发送为profile.phone来执行的,但后端希望将其发送为:

name: profile value: {phone: +123 123 123}

通过发送来自data的所有数据来发送数据。如果要重新格式化,该怎么做?

2 个答案:

答案 0 :(得分:1)

您是否正在使用触发您的POST方法的@click事件将数据发送到后端服务器? ...

在方法内部,您需要像这样构造对象...

let profileObj = {
    name: 'profile',
    value: {
        phone : this.profile.phone
    }
} 

答案 1 :(得分:1)

我建议使用带有letthis关键字的重新声明对象。这将允许您声明函数的所有者。因此您可以将其重新设置为:

let profileValue = {
    name: 'profile',
    value: {
        phone: this.profile.phone
    }
}