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);
阅读 3.7k
1 个回答

我已经解决了,在模板上加track-by="$index"

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题