首页 > vue 循环输出数据出错

vue 循环输出数据出错

<ul id="example-1">


    <li v-for="item in items">
        {{ item.shop_name }}
    </li>

</ul>
  var vm = new Vue({
        el:"#example-1",
        data: {
           items:[]
        },
        ready: function() {
            var self = this;
            $(document).ready(function(){
                $.post("http://xxx.com/index.php/Home/Test/test",
                    {
                        robot:"123",
                        usertype:"0",
                        userid:"22",
                        shopid:"4",
                        transToCondition:4
                    },
                    function (data, Status) {
                        self.items = JSON.stringify(data);
                    }, "jsonp");
            });
        }
    })

ajax获取到的数据

[{"shop_id":"3","shop_name":"\u65b0\u4e16\u754c\u4e2d\u9910","shop_bossid":"22","shop_history_bossid":"-22","shop_condition":"0","shop_isdelete":"0","shop_createtime":"1460110593","shop_updatetime":"1460110593"},{"shop_id":"4","shop_name":"\u4e2d\u4e1c\u4e16\u754c","shop_bossid":"22","shop_history_bossid":"-18-15","shop_condition":"0","shop_isdelete":"0","shop_createtime":"1460111243","shop_updatetime":"1460111243"},{"shop_id":"5","shop_name":"\u80af\u6253\u9e21","shop_bossid":"22","shop_history_bossid":"","shop_condition":"1","shop_isdelete":"0","shop_createtime":"1460116195","shop_updatetime":"1460116195"},{"shop_id":"6","shop_name":"\u54c8\u6839\u8fbe\u65af","shop_bossid":"22","shop_history_bossid":"-22-17","shop_condition":"0","shop_isdelete":"0","shop_createtime":"1460116659","shop_updatetime":"1460116659"},{"shop_id":"7","shop_name":"\u97e9\u56fd\u77f3\u9505\u62cc\u996d","shop_bossid":"22","shop_history_bossid":"","shop_condition":"0","shop_isdelete":"1","shop_createtime":"1460119520","shop_updatetime":"1460119520"},{"shop_id":"8","shop_name":"\u5438\u5438\u5427","shop_bossid":"22","shop_history_bossid":"","shop_condition":"1","shop_isdelete":"1","shop_createtime":"1460119564","shop_updatetime":"1460119564"},{"shop_id":"9","shop_name":"Ha","shop_bossid":"22","shop_history_bossid":"","shop_condition":"1","shop_isdelete":"1","shop_createtime":"1460172905","shop_updatetime":"1460172905"},{"shop_id":"10","shop_name":"\u5566\u5566\u5566","shop_bossid":"22","shop_history_bossid":"","shop_condition":"1","shop_isdelete":"1","shop_createtime":"1460375490","shop_updatetime":"1460375490"},{"shop_id":"11","shop_name":"\u70e4\u9c7c\u5427","shop_bossid":"22","shop_history_bossid":"-22","shop_condition":"0","shop_isdelete":"1","shop_createtime":"1460375532","shop_updatetime":"1460375532"},{"shop_id":"12","shop_name":"\u5b9c\u5bbe\u71c3\u9762","shop_bossid":"22","shop_history_bossid":"","shop_condition":"0","shop_isdelete":"0","shop_createtime":"1460378016","shop_updatetime":"1460378016"},{"shop_id":"13","shop_name":"\u78e8\u83dc\u5200","shop_bossid":"22","shop_history_bossid":"","shop_condition":"0","shop_isdelete":"0","shop_createtime":"1460421729","shop_updatetime":"1460421729"},{"shop_id":"26","shop_name":"\u7f8a\u7ecd\u6b66","shop_bossid":"22","shop_history_bossid":"","shop_condition":"0","shop_isdelete":"0","shop_createtime":"1462841544","shop_updatetime":"1462841544"},{"shop_id":"27","shop_name":"\u4e1c\u62c9\u897f\u626f","shop_bossid":"22","shop_history_bossid":"","shop_condition":"0","shop_isdelete":"0","shop_createtime":"1462842809","shop_updatetime":"1462842809"},{"shop_id":"29","shop_name":"13123","shop_bossid":"22","shop_history_bossid":"","shop_condition":"0","shop_isdelete":"0","shop_createtime":"1462955116","shop_updatetime":"1462955116"},{"shop_id":"30","shop_name":"\u9999\u5929\u4e0b\u706b\u9505","shop_bossid":"22","shop_history_bossid":"","shop_condition":"0","shop_isdelete":"0","shop_createtime":"1463276283","shop_updatetime":"1463276283"},{"shop_id":"31","shop_name":"\u9999\u5929\u4e0b\u706b\u9505","shop_bossid":"22","shop_history_bossid":"","shop_condition":"0","shop_isdelete":"0","shop_createtime":"1463276286","shop_updatetime":"1463276286"},{"shop_id":"32","shop_name":"\u9999\u5929\u4e0b\u706b\u9505","shop_bossid":"22","shop_history_bossid":"","shop_condition":"0","shop_isdelete":"0","shop_createtime":"1463276289","shop_updatetime":"1463276289"},{"shop_id":"33","shop_name":"\u8d85\u5e02\u5b9d","shop_bossid":"22","shop_history_bossid":"","shop_condition":"0","shop_isdelete":"0","shop_createtime":"1463546341","shop_updatetime":"1463546341"},{"shop_id":"34","shop_name":"\u8d85\u5e02\u5b9d","shop_bossid":"22","shop_history_bossid":"","shop_condition":"0","shop_isdelete":"0","shop_createtime":"1463546342","shop_updatetime":"1463546342"},{"shop_id":"35","shop_name":"\u8d85\u5e02\u5b9d","shop_bossid":"22","shop_history_bossid":"","shop_condition":"0","shop_isdelete":"1","shop_createtime":"1463546343","shop_updatetime":"1463546343"},{"shop_id":"36","shop_name":"\u8d85\u5e02\u5b9d","shop_bossid":"22","shop_history_bossid":"","shop_condition":"0","shop_isdelete":"1","shop_createtime":"1463546344","shop_updatetime":"1463546344"},{"shop_id":"37","shop_name":"\u8d85\u5e02\u5b9d","shop_bossid":"22","shop_history_bossid":"","shop_condition":"0","shop_isdelete":"0","shop_createtime":"1463546345","shop_updatetime":"1463546345"},{"shop_id":"38","shop_name":"","shop_bossid":"22","shop_history_bossid":"","shop_condition":"0","shop_isdelete":"1","shop_createtime":"1463546345","shop_updatetime":"1463546345"},{"shop_id":"39","shop_name":"","shop_bossid":"22","shop_history_bossid":"","shop_condition":"0","shop_isdelete":"0","shop_createtime":"1463546346","shop_updatetime":"1463546346"},{"shop_id":"40","shop_name":"","shop_bossid":"22","shop_history_bossid":"","shop_condition":"0","shop_isdelete":"0","shop_createtime":"1463546347","shop_updatetime":"1463546347"},{"shop_id":"41","shop_name":"199\u9910\u5427","shop_bossid":"32","shop_history_bossid":"","shop_condition":"0","shop_isdelete":"0","shop_createtime":"1463550835","shop_updatetime":"1463550835"}]

现在无法输出


JSON.stringify 用错了


不需要stringify吧,如果data是一个array,直接赋值就行:

self.items = data;

另外,试一下增加track-by属性:

<li v-for="item in items" track-by="$index">

或者,如果你确定shop_id是唯一的,可以用shop_id替代$index

<li v-for="item in items" track-by="shop_id">

指定track-by可以提高DOM的复用率。详细见官方文档

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