這篇文章給大家分享的是有關vue如何模擬加載更多功能的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

創(chuàng)新互聯(lián)公司服務項目包括陽泉網(wǎng)站建設、陽泉網(wǎng)站制作、陽泉網(wǎng)頁制作以及陽泉網(wǎng)絡營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術優(yōu)勢、行業(yè)經(jīng)驗、深度合作伙伴關系等，向廣大中小型企業(yè)、政府機構等提供互聯(lián)網(wǎng)行業(yè)的解決方案，陽泉網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟效益。目前，我們服務的客戶以成都為中心已經(jīng)輻射到陽泉省份的部分城市，未來相信會繼續(xù)擴大服務區(qū)域并繼續(xù)獲得客戶的支持與信任！

使用vue制作加載更多功能，通過ajax獲取的數(shù)據(jù)往data里面push經(jīng)常不成功，原因是push是往數(shù)組中追加數(shù)據(jù)內(nèi)容的，而不能用作數(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ù)加載測試效果如下：

感謝各位的閱讀！關于“vue如何模擬加載更多功能”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！