vue.js - 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"

赶谢大家的帮助，谢谢！！！！

这篇关于vue.js - vue v-for 数据丢失问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！