1. 程式人生 > >vue移動端Ui組件 mint-ui 使用指南

vue移動端Ui組件 mint-ui 使用指南

home 函數 下拉加載 使用指南 otto 組件 adt div 沒有

1、上啦加載下拉刷新的使用

this.$refs.loadmore.onTopLoaded();
this.$refs.loadmore.onBottomLoaded();

上啦刷新下拉加載的 動畫顯示 在沒有數據的請求前想看見的話

setTimeout(() => {
                this.$refs.loadmore.onTopLoaded();
            }, 1000);

jq的思路:

  默認加載第一頁,然後下拉的時候在請求數據在加載。

在這裏:

  函數

loadTop ();
loadBottom ()

會被默認家在一次,因此就相當於是默認加載了。只需要在數據上處理的時候分清楚就行。

另外上啦加載 ,第二頁的數據插進去的方法是,將新的請求到的數據和 原先的數據 合並。

this.homeList = this.homeList.concat(response.data.list);
// 新的也就是下一頁的數據
response.data.list 

vue移動端Ui組件 mint-ui 使用指南