必要ページング バーを追加します。これにより、ページにジャンプしたり、ページ番号に従って特定のページを選択したり、現在のページのサイズを設定したりできます。 エレメントUI公式サイトでページネーションコンポーネントを選択します。 Element UI の公式 Web サイトにアクセスし、以下に示すように適切なページング コンポーネントを選択します。 UserList.vue コンポーネントのテンプレート内のページング コンポーネントのコードと効果 ページング コンポーネントのコードは次のとおりです。 ページング コンポーネントの効果は次のとおりです。 ページングコンポーネントに関係するデータとメソッド ページング コンポーネントに含まれるデータは次のとおりです。 ページング コンポーネントに関連するメソッドは次のとおりです。 テスト まず、以下に示すようにホームページにアクセスします。 次に、ページ サイズを次のように 2 項目/ページに変更します。 次に示すように、5 番目のページ ナビゲーションを選択し、ページ 5 に移動します。 以下に示すように、ジャンプ入力ボックスからページにジャンプします。 Element ui を通じてページにページング ナビゲーション バーを追加する方法については、これで終わりです。Element ページング ナビゲーション バーに関するより関連性の高いコンテンツについては、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。 以下もご興味があるかもしれません:
|
<<: VMware Workstation に Windows Server 2019 をインストールする (グラフィック チュートリアル)
目次序文開発環境新しいプロジェクトを作成するモバイルウェブプロジェクト角度付きJSONパブリックモジ...
<br />前回の記事:Webデザイン講座(4):素材と表現について Webデザイン上級...
目次手動展開1.アイデアを使ってSpring Bootプロジェクトを作成する2. プロジェクトをJa...
div で background-color と background-image を同時に設定する...
tomcat が起動されるたびに、次のログ ファイルがログ ディレクトリに自動的に生成され、日付順...
LinuxにMySQL 5.7.18をインストールする方法1. MySQLをダウンロードします。公...
おそらく、この記事にこのようなタイトルを付けると、誰かがこう尋ねるでしょう。「なぜまだテーブルに注目...
文字セットエラーは常に存在するロケール: LC_CTYPE をデフォルト ロケールに設定できません:...
Linux の ps コマンドは Process Status の略です。 ps コマンドは、システ...
この記事では主にvue-routerのmatchedをベースにしたbreadcrumb機能を紹介し、...
目次1. 親コンポーネントと子コンポーネント間の一方向の値転送1. 親から子への値の受け渡し2. 子...
最近、あるプロジェクトを手伝ったのですが、MySQL マシンがしばらくすると自動的に停止し続けました...
背景Alibaba Cloud RDS for MySQL(MySQL バージョン 5.7)データベ...
Vueにaxiosを挿入する 'axios' から axios をインポートします。...
Docker で MySQL コンテナを作成する場合、コンテナの起動後にデータベースとテーブルが自動...