如何将数据从AJAX请求写入VUE JS中的DATA?

时间:2017-05-03 19:21:27

标签: javascript ajax vue.js vuejs2

请告诉我,DATA如何从AJAX响应中写入数据? 例如:

var example = new Vue({
    el: '#example',
    data:{
        myArr: []
    },
    created: function () {
        $.getJSON('data.json', function(data) {
            this.myArr = data;
        });
    }
  });

问题是在myArr中,没有写入响应数据。怎么解决这个?谢谢。

1 个答案:

答案 0 :(得分:2)

你能试试吗?基本上这个在ajax中并不完全是你期望的那个。

var example = new Vue({
    el: '#example',
    data:{
        myArr: []
    },
    created: function () {
        var vm = this;
        $.getJSON('data.json', function(data) {
            vm.myArr = data;
        });
    }
  });

您也可以使用反应性设置方法$ set而不是直接分配给vm.myArr:https://vuejs.org/v2/guide/reactivity.html