javascript - 无法在vue.js中执行for循环

Question

我对 vue 很陌生。我正在尝试执行一个简单的 for 循环，但由于某种原因它不起作用。任何帮助将不胜感激。我的代码:

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;
                    }
                });
        }
    }
});

Answer 1

通过像这样更改 for 循环，这有效:

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;
                }
            });
    }
}

});