関数
それは疲れてロードされたストリーミング滝を達成することができます。
インストール
- NPM I VUE無限ローディング--save
- 「VUE無限ローディング」からインポートInfiniteLoading或CONST InfiniteLoading必要とする（「VUE無限ローディング」）
- <SCRIPT SRC = "/パス/に/ VUE無限ローディング/ DIST / VUE無限-loading.js"> </ SCRIPT>
使用法
- ページ要素をロードするときに疲れが必要です。
- ページの下部に。
- 無限のイベントInfinityLoadingコンポーネントを聞きます。
機能無限のイベント特別イベントパラメータ（$状態）を引き起こしました。
state.loaded $（）=>成功したときにデータをロードするための時間が成功し、ロードを表します。スロット=「NO-より」コンテンツ表示
の$ state.completeを（）=>ロードされ表し、ロードデータの終了。スロット= "NO-resluts"コンテンツ表示
の$ state.reset（）=>示す
<タグスロット= "ノーモアとき "> </タグ> =>がNOの場合より多くの要素（すなわち、ロードデータ完全表します）表示
InfinityLoadingコンポーネントで設定REF =「子」。実行してこの$ refs.child $ EMIT ...（ 「$ InfiniteLoading：リセットを」） コンポーネントの初期状態への復帰を使用することができる、この時は、すぐに新しいデータ・コンポーネントを要求します。
複数のパラメータを記述することができる<無限ローディング@無限=「ハンドラ（$イベント、arg0に、ARG1、ARG2）」> </無限ローディング>
プロパティ
- はるか下から負荷データとの距離InfiniteLoadingトリガーイベント。
- 負荷データに待っているスピナーアニメーション。デフォルト/泡/円/スパイラル/ waveDots
- REF
- スライド方向トリガデータ底部/上部をロードする方法
スロット
- 無resluts
- もういや
- スピナー
最後にサービスをレンダリング（SSR）
- 用途
からインポートInfiniteLoading「をVUE無限ローディング/ SRC /コンポーネント/ InfiniteLoading.vue」
「VUE無限ローディング」からインポートInfiniteLoading - NPM私はあまり少ないローダー--save-devの
サードパーティ製プラグインのスクロールで使用します。
（私はこれらのサードパーティのプラグインということではないので、私はこのような状況に対処しません）
手動トリガ負荷データ
- 結合のためのロードボタンロード・イベントを設定します。
- InfinityLoaing Loadボタンとディスプレイのコンポーネントは、相互に排他的です。（V-場合、V-他）
- ページは、（InfiniteLoadingコンポーネントをレンダリングしないこと）、レンダリングの負荷ボタンを初期化されます。
- ロード時にボタンをクリックします。ロード・ボタンの表示状態を変更します。コンポーネントをInfiniteLoading表示されますが、それが仕事を始めました。
- 再び負荷ボタンの表示状態を変更するためにデータをロードした後InfiniteLoading。