Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/421.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何将AJAX请求中的数据写入VUE JS中的数据?_Javascript_Ajax_Vue.js_Vuejs2 - Fatal编程技术网

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

Javascript 如何将AJAX请求中的数据写入VUE JS中的数据?,javascript,ajax,vue.js,vuejs2,Javascript,Ajax,Vue.js,Vuejs2,请告诉我,如何在数据中写入来自AJAX响应的数据? 例如: var example = new Vue({ el: '#example', data:{ myArr: [] }, created: function () { $.getJSON('data.json', function(data) { this.myArr = data; }); } }); 问题是在myArr

请告诉我,如何在数据中写入来自AJAX响应的数据? 例如:

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

问题是在myArr中,响应数据没有写入。如何解决这个问题?谢谢。你能试试这个吗?基本上,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:

使用
this.$set(this.myArr,data)
以下是文档:谢谢您的帮助