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

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

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

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

//這是錯(cuò)誤的寫法
$.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ù)加載測(cè)試地址：https://jsfiddle.net/zhoou/96mnckgL/

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

相關(guān)文章

最新評(píng)論