導入さいごにページバックしてもページングとフィルターを維持する以前、ブラウザバックしてもページネーションが維持される方法を記事にしました。上記の機能を実装後、クライアントからさらなる要望として、テーブルにフィルター機能をつけて欲しいと言われました。フィルター機能を付けるというわけで、これまた以前書いた記事でページネーションにフィルターを付ける方法を参考にします。完成理想像ライブラリの呼び出しまず必要なライブラリを呼び出します。Bootstrapは完全に管理人の好みです。src="https://unpkg.com/vue-router/dist/vue-router.js"></script>スクリプトページネーションにルーティングを設定する方法はこちらで、ページネーションにフィルターを設定する方法はこちらをご確認ください。今回は、ブラウザバックしてもフィルター結果を維持しなければならないので、それようのルーティングパスを設定します。ページングとフィルターのパラメーターをそれぞれ起動時にdataに設定します。パラメーターがない場合は初期設定を入力します。}}).$mount('#app');HTMLリストの出力は<table>で行っています。目立った仕様はありません。</paginate></div>サンプル>>専用ページで確認するさいごにブラウザバックしてもフィルターもページネーションも維持させる方法でした。今回はフィルターの値をURLのパラメーターに持たせましたが、これで良いのでしょうか・・・?一先ず動いた感じなので、記事にしてみました。コメントをキャンセルメールアドレスが公開されることはありません。コメント名前メールアドレスサイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。コメントデータの処理方法の詳細はこちらをご覧ください。