欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue制作加載更多功能的正確打開方式

 更新時間：2016年10月12日 08:51:48   作者：zhoou  
這篇文章是一篇Vue.js的教程，目標在于用一種常見的業(yè)務場景——分頁/無限加載，以及編寫過程中自己的錯誤寫法，分享給大家，幫助讀者更好的理解Vue.js中的一些設計思想。

使用vue制作加載更多功能，通過ajax獲取的數(shù)據(jù)往data里面push經常不成功，原因是push是往數(shù)組中追加數(shù)據(jù)內容的，而不能用作數(shù)組之間的拼接，ajax獲取的數(shù)據(jù)就是數(shù)組形式的，因此不成功，應該使用concat()拼接兩個數(shù)組。

//這是錯誤的寫法
$.ajax({ 
        type:'get',
        async:false,
        url:path+'no/noticeMobile/getSendNoticeList?imToken='+ getToken +'&pageFlag=2',
        dataType: "json",
        success: function(msg){
          _self.$set('loadMore', msg);
          _self.conList.push(_self.loadMore);
        }
      });


//這是正確的寫法
$.ajax({ 
        type:'get',
        async:false,
        url:path+'no/noticeMobile/getSendNoticeList?imToken='+ getToken +'&pageFlag=2',
        dataType: "json",
        success: function(msg){
          _self.$set('main',_self.main.concat(msg))
        }
      });

模擬ajax數(shù)據(jù)加載測試地址：https://jsfiddle.net/zhoou/96mnckgL/

總結：還是自己js基礎知識不扎實，push和concat兩個函數(shù)用法沒有搞清楚，如果你有更好的方法歡迎討論。

相關文章

最新評論