how to update vue object value inside this object

Question

I create Vue object and need update some data when get response

new Vue({
    el: "#app",
    data: {
        message: [1,2,3,]
    },
    methods: {
        getList: function () {
            var myGet = axios.get('/api/guests/.json')
                .then(function (response) {                    
// ????????? message = response.data;

                })
                .catch(function (error) {
                    console.log(error);
                });            
        }
    },
    created:function () {
        this.getList();
    }
});

how to update vue object value inside this object? how to update 'message' ?

this.data.message = response.data;

Joram
– Joram

2017-06-07 07:04:14 +00:00
Commented Jun 7, 2017 at 7:04 — Joram
– Joram, Commented Jun 7, 2017 at 7:04

maazadeeb · Accepted Answer · 2017-06-07 07:06:44Z

1

You need to bind the correct context to your then callback and access this.message. You will have to do something like this

new Vue({
    el: "#app",
    data: {
        message: [1,2,3,]
    },
    methods: {
        getList: function () {
            var myGet = axios.get('/api/guests/.json')
                .then(function (response) {                    
                    this.message = response.data;
                }.bind(this))
                .catch(function (error) {
                    console.log(error);
                });            
        }
    },
    created:function () {
        this.getList();
    }
});

answered Jun 7, 2017 at 7:06

maazadeeb

6,1122 gold badges32 silver badges41 bronze badges

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

Collectives™ on Stack Overflow

how to update vue object value inside this object

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related