使用 axios 将 vue.js 数据对象发送到后端

Question

我需要通过 axios 将 Vue Instance 的完整数据对象发送到后端。这是我的代码。

var vm = new Vue({
    el: '#el',
    delimiters: ["[[", "]]"],
    data: {
        brand: 0,
        model: 0,
        country: "europe",
    },
    created: function () {
    },
    updated: function () {
        axios.post('http://localhost:81/lnt/public/member/car_result', {data: this.data})
            .then(function (response) {

        });
    }
});

当我 console.log(this.data); 我得到一个未定义的输出 当我尝试

axios.post('http://localhost:81/lnt/public/member/car_result', {brand: this.brand})

我可以发送品牌，但需要一次发送整个数据数组

Answer 1

要获取整个 data 对象，您必须使用 this.$data

updated: function () {
   axios.post('http://localhost:81/lnt/public/member/car_result', {data: this.$data})
   .then(function (response) {
       //do something
    });
}