How to write data from an AJAX request to DATA in VUE JS?

Question

Tell me please, how in DATA to write data from the AJAX response? Example:

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

The problem is that in myArr, the response data is not written. How to solve this? Thank you.

use this.$set(this.myArr, data) Here are docs: vuejs.org/v2/guide/reactivity.html#Change-Detection-Caveats — Hiren
– Hiren, Commented May 3, 2017 at 19:23

tony19 · Accepted Answer · 2022-07-15 01:47:26Z

3

Can you try this ? Basically this inside the ajax is not exactly the one you would expect.

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

You can also use reactivity setting method $set instead of directly assigning to the vm.myArr : https://v2.vuejs.org/v2/guide/reactivity.html

edited Jul 15, 2022 at 1:47

tony19

140k23 gold badges281 silver badges354 bronze badges

answered May 3, 2017 at 19:24

Mihir Bhende

9,0952 gold badges33 silver badges39 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Юрий Мусатов Over a year ago

Thank you for help

Collectives™ on Stack Overflow

How to write data from an AJAX request to DATA in VUE JS?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related