Cannot execute for loop in vue.js

Question

I am very new to vue. I am trying to execute a simple for loop, but for some reason it is not working. Any help will be appreciated. My code:

var Vue = require('vue');
Vue.use(require('vue-resource'));
Vue.http.headers.common['X-CSRF-TOKEN'] = document.querySelector('#token').getAttribute('value');
new Vue({

    el: '#adresponse',

    ready: function() {
        this.fetchMessages();
    },

    data: {
        classified_bids: {},
        accept_qty: {},
        submitted: false
    },

    methods: {
        fetchMessages: function () {
            this.$http.get('/api/getbids')
                .success(function (bids) {
                    this.classified_bids = bids;
                    for (i = 0; i < this.classified_bids.length; i++) {
                        this.accept_qty[i] = 0;
                    }
                });
        }
    }
});

Sanjoy · Accepted Answer · 2015-09-10 09:11:15Z

2

By changing the for loop like so, this worked:

el: '#adresponse',

ready: function() {
    this.fetchMessages();
},

data: {
    classified_bids: {},
    accept_qty: {},
    submitted: false
},

methods: {
    fetchMessages: function () {
        this.$http.get('/api/getbids')
            .success(function (bids) {
                this.classified_bids = bids;
                for (var key in this.classified_bids) {
                    this.accept_qty[key] = 0;
                }
            });
    }
}

});

answered Sep 10, 2015 at 9:11

Sanjoy

1351 gold badge3 silver badges12 bronze badges

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

Comments

Community · Accepted Answer · 2017-05-23 12:22:01Z

0

Your problem is the value of this inside the .success() callback.

You could try something like this:

this.$http.get('/api/getbids')
  .success(function (bids) {
    this.classified_bids = bids;
    for (i = 0; i < this.classified_bids.length; i++) {
      this.accept_qty[i] = 0;
    }
  }.bind(this));

Collectives™ on Stack Overflow

Cannot execute for loop in vue.js

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related