以前、『Vue.jsだけでページナビゲーション(ページネーション)をつくる』という記事を投稿した。 それをちょっと改良してページ番号付きのページネーションをつくってみた。 普通のページネーションをつくる場合は、以下の記事を参考にしてほしい。 追記: 2017/10/26 8:00 当記事のVue.jsのバージョンはv0.12と古いため、新しいバージョンで書き直した。 Vue@2.x+系は、以下の記事を参照してほしい。 ページ番号付きのページネーションをつくる 前回からレベルアップしたポイントは、以下のとおり。 ページ番号クリックで、そのページに移動する処理を追加 最初のページ、最後のページに移動する処理を追加 ※今回は、Bootstrapを使っています。そのため見た目がちょっと変わります。 <!doctype html> <html lang="ja"> <head> <meta char