首页 > vue v-for 数据丢失问题

vue v-for 数据丢失问题

如图,明明有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"

赶谢大家的帮助,谢谢!!!!

【热门文章】
【热门文章】