DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> vue制作加載更多功能的正確打開方式
vue制作加載更多功能的正確打開方式
編輯:關於JavaScript     

使用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/96mnckgL/

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved