Javascript 无法在vue.js中执行for循环
我对vue很陌生。我试图执行一个简单的for循环,但由于某些原因,它不起作用。任何帮助都将不胜感激。我的代码:Javascript 无法在vue.js中执行for循环,javascript,vue.js,Javascript,Vue.js,我对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',
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;
}
});
}
}
});
var Vue=require('Vue');
Vue.use(要求('Vue-resource'));
Vue.http.headers.common['X-CSRF-TOKEN']=document.querySelector('#TOKEN').getAttribute('value');
新Vue({
el:'回复',
就绪:函数(){
this.fetchMessages();
},
数据:{
分类投标:{},
接受数量:{},
提交:假
},
方法:{
fetchMessages:函数(){
这是.http.get('/api/getbids'))
.成功(功能(投标){
本次投标=投标;
对于(i=0;i
您的问题是这个在.success()
回调中的值
您可以尝试以下方法:
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));
this.$http.get('/api/getbids'))
.成功(功能(投标){
本次投标=投标;
对于(i=0;i
通过像这样更改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;
}
});
}
}
}))