vue.js - Vue 资源 - 发布多个数据

Question

我有以下内容：

bidAmount: {
    amount: 0
},
userToken: {
    token: null
},

this.$http.post('/place-bet', this.bidAmount, function(response) {
    alert(response);
});

我如何同时发送this.bidAmount和this.userToken

我已经尝试过了，但是它没有正确发送：

this.$http.post('/place-bet', [this.userToken, this.bidAmount], function(response) {
    alert(response);
});

Answer 1

您应该始终发布一个对象，这样您就可以使用它们各自的键访问服务器上的变量：

this.$http.post('/place-bet', {userToken: this.userToken, bidAmount: this.bidAmount}, function(response) {
    alert(response);
});

或者...

this.$http.post('/place-bet', {data:[this.userToken, this.bidAmount]}, function(response) {
    alert(response);
});

Answer 2

在数据对象中创建对象

new vue({
 el:'#point'
data: {

newdata:{
token:'',
bidAmount:''
 }
}

});

现在你可以

this.$http.post('/place-bet',this.newdata, function(response) {
    alert(response);
});