ajax请求回数组数据,Vue页面数组没同步问题

记录bug

为什么 ajax 获取到了 vm.$data.list
页面上却没有显示出来的?

代码

//页面
 <tr  v-for="item in list">{{ *** }}</tr>
 
//请求数据
send: function(){
    var that = this,
        vm = that._vm,
        data = vm.ajaxData;

    $Le.smp.goAjax({
        Go: Go,
        Dialog: Dialog
    }, {
        url:$Le.Config.api.list.list
        ,type: 'get'
        ,data:data
        ,total:0
        ,postJSON: false
        ,beforeSend: function(){
            $Le.smp.createLoading();
        }
        ,success: function(json){
            that._vm.$data.list = json.data.list;
            console.log(that._vm.$data.list);

        }
    });

分析

  1. ajax 请求后,打印出 list 数据,数据是ajax请求的新数据
  2. 屏蔽显示显示不出来部分,在页面上其他地方,循环打印 list 可以打印出,说明不是数据问题,是页面部分问题
  3. 检测语法错误,之前出现过一次,是因为avalon 转成 Vue, 残留了avalon语法
  4. 语法没问题,分段屏蔽html
  5. 最后发现是 filter 问题,之前也出现过!!写过滤器怎么老出问题,filter语法容易出错么!
posted @ 2018-11-14 15:51  shipskunkun  阅读(936)  评论(0编辑  收藏  举报