如图,明明有4条数据,为什么v-for渲染出来就只有2条!!!!
相关代码
html:
<div v-for="item in dataitems">
{{item.title}}
</div>
js:
var vm = new Vue({
el: '#companynews',
data: { dataitems: []},
methods: {
getdatapage: function (pagedex) {
$.ajax({
type: 'get',
url: '/api/companynew/getPageingData',
dataType: 'json',
data: { pageindex: pagedex },
success: function (data) {
for (var i = 0, len = 4 - data.length; i < len; i++) {
data.push(nulldata);
}
vm.$set('dataitems', data);//这里绑定的数据
},
error: function () {
$("#alertDilog").click();
$("#myModal .modal-body").text("系统错误,请联系管理员!");
}
});
}
}
}
})
vm.getdatapage(1);
我已经解决了,在模板上加
track-by="$index"
赶谢大家的帮助,谢谢!!!!