あなたは基本的な要件を見て公式サイトに行き、その後、コードベースは、病気の感染を見ることができますコピーして貼り付けることができます
<テンプレート>
<バンプルリフレッシュVモデル=「isLoading」@リフレッシュ=「onRefresh」>
<バン・リスト
Vモデル=「ロード」
：完成=「完成」
完成し、テキスト=「没有更多了」
@負荷= "onloadイベント"
クラス= "負荷"
>
キー= "項目"：タイトル= "項目" /> <バン・セルV-用= "リスト内の項目"
</バン・リスト>
</バンプル-refresh>
</テンプレート>
<スクリプト>
「VUE」からインポートヴュ。
"vant"からインポート{リスト、細胞、PullRefresh、トースト}。
Vue.use（リスト）;
Vue.use（セル）。
Vue.use（PullRefresh）。
Vue.use（トースト）。
エクスポートデフォルト{
データ（）{
リターン{
リスト：[]、
ローディング：偽、
完成した：偽、
isLoading：偽
}。
}、
方法：{
のonLoad（）{
//更新データを非同期
（（）=> {たsetTimeout
（I = 0せための、I <10; I ++）{
this.list.push（+ this.list.length 1）;
}
/ /負荷状態が終了
偽= this.loading;
ロード//すべてのデータ
IF（this.list.length> = 50）{
this.finished = trueに;
}
}、500）;
}、
OnRefresh（）{
のsetTimeout（（） => {
トースト（ '正常リフレッシュ'）この$;
this.isLoading = falseに、
this.count ++;
}、500）;
}
}
};
</
スクリプト> ------------- ---
免責事項：この記事は元の記事CSDNブロガー「R511」で、CC 4.0 BY-SAの著作権契約書に従って、元のソースのリンクと、この文を添付してください、再現。
オリジナルリンクします。https：//blog.csdn.net/Webghost511/article/details/97135914