エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
【学習記録⑯】router-linkタグを用いてページの切り替えを行う方法。 - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
【学習記録⑯】router-linkタグを用いてページの切り替えを行う方法。 - Qiita
はじめに Vue.jsを最近勉強し始めたので学んだ文法などを備忘録としてメモしていこうと思います。 今回... はじめに Vue.jsを最近勉強し始めたので学んだ文法などを備忘録としてメモしていこうと思います。 今回はrouter-linkタグを用いてページの切り替えを行う方法について記載していきます。 router-linkタグを利用することで、特定のページへ遷移することが可能になります。 通常別のページへ遷移する際は<a>タグを利用します。 しかしながらrouter-linkはaタグとは動きが少し異なり、一つのhtmlファイル内で表示を切り替える、いわゆるSPA(シングルページアプリケーション)の動きを可能にします。 実際に動作を見てみる 今回は朝の挨拶と昼の挨拶をrouter-linkタグを用いて切り替えてみます。 以下ではrouter-linkタグのpropsのtoとactive-classを使用しています。 to → 遷移先 active-class → 現在ページの際に指定されているcl