element-puls にはページング コンポーネントがあり、ここではページングをバックエンド インターフェイスに接続する方法を説明します。
上でマークされたページング コンポーネントに関して、コンポーネントで使用されるパラメーターとビジネスについて説明します。早速、コードを見てください。
1,: current-page、現在のページです。これは値をバインドします。ページ番号を切り替えると、バインドされた値 state.papenum もそれに応じて変化します。
2、: ページ サイズ、その後に配列。配列内の各項目は、ページ上で選択できるデータを修正できることを表します。現在のページでは表示するページが 10、15、20、25 ページのみ選択できます。
3,: ページサイズ、現在のリストに表示されるデータの数
4、: total、合計でデータの数。バックエンドは通常、次の値を返します。
5. @size-chanse、現在のページに表示するデータ数を切り替えるときに実行、handlesizechangeはリストデータを要求する関数、表示するデータ数を切り替えるときにリストを再リクエスト、
6. @current-changeは、ページ数が切り替わったときに中の関数を実行し、その中のリストリクエストを再実行してデータを再取得します。
これらの値を習得すると、基本的なリスト ページング機能を実現できます。
ここのパラメータは、現在が最初のページであり、10 個のデータを表示するページはないことを示しています。ここのパラメータをコンポーネントにバインドされているパラメータと比較すると、element-puls のページング コンポーネントの使用方法を理解できます。