必要ページング バーを追加します。これにより、ページにジャンプしたり、ページ番号に従って特定のページを選択したり、現在のページのサイズを設定したりできます。 エレメントUI公式サイトでページネーションコンポーネントを選択します。 Element UI の公式 Web サイトにアクセスし、以下に示すように適切なページング コンポーネントを選択します。 UserList.vue コンポーネントのテンプレート内のページング コンポーネントのコードと効果 ページング コンポーネントのコードは次のとおりです。 ページング コンポーネントの効果は次のとおりです。 ページングコンポーネントに関係するデータとメソッド ページング コンポーネントに含まれるデータは次のとおりです。 ページング コンポーネントに関連するメソッドは次のとおりです。 テスト まず、以下に示すようにホームページにアクセスします。 次に、ページ サイズを次のように 2 項目/ページに変更します。 次に示すように、5 番目のページ ナビゲーションを選択し、ページ 5 に移動します。 以下に示すように、ジャンプ入力ボックスからページにジャンプします。 Element ui を通じてページにページング ナビゲーション バーを追加する方法については、これで終わりです。Element ページング ナビゲーション バーに関するより関連性の高いコンテンツについては、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。 以下もご興味があるかもしれません:
|
<<: VMware Workstation に Windows Server 2019 をインストールする (グラフィック チュートリアル)
今日、会社のプロジェクトでは docker を設定する必要があります。Windows に正常にインス...
データベースでは、UNION キーワードと UNION ALL キーワードの両方が 2 つの結果セッ...
1. nginxソースディレクトリに新しいrtmpディレクトリを作成し、git clone http...
目次1. WeChat Payを開く1.1 アフィリエイト加盟店番号1.2 加盟店番号を追加する1....
インターネット上には多くのチュートリアルがありますが、基本的には同じです。ただし、細かい原因でソフト...
Linux C/C++ では、スレッド レベルの操作は通常、pthread ライブラリを通じて実行さ...
今日、CentOS6.2 をインストールしていたところ、ハード ドライブの検出段階を通過できませんで...
Netease Kanyouxi公式サイト(http://kanyouxi.163.com/)(棚...
クラスターの展開の概要172.22.12.20 172.22.12.21 172.22.12.22 ...
目次序文1. イベントとクリップボードを貼り付ける2. クリップボード内のコンテンツ形式3. HTM...
イギリスBFC: ブロック書式設定コンテキストBFCレイアウトルール内箱は縦方向に次々に配置されます...
序文Linux システムのすべてのハードウェア デバイスは、ファイルの形式で表現され、使用されます。...
テーブルを美しくするために、セルごとに異なる境界線の色を設定できます。基本的な構文<TD 境界...
目次クラスコンポーネント機能コンポーネントインタビューのよくある質問: React における ref...
序文Docker はコンテナの環境変数を設定できます。設定方法は 2 つあります。イメージを作成する...