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

//這是錯誤的寫法 $.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數據加載測試地址：https://jsfiddle.net/zhoou/96...

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

總結

以上是生活随笔為你收集整理的vue模拟加载更多功能（数据追加）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。