Hatena Blog Tags
はてなブログ トップ
Vue Router
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

Vue Router

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
青いやつの進捗日記。•2年前

Vue Router使ってクエリパラメータだけ変わる際に画面を更新させる

abillyz.com $routeをwatchしてリロード走らせればいい。 <script> export default { watch: { $route () { location.reload() } }, } </script>

#Vue#Vue Router

関連ブログ

ha6_6ruブログ•3年前

PiniaのactionからVue Routerを使ってルーティング

概要 Pinia のドキュメントに記載の通り、ストアインスタンスのプロパティに Vue Router のインスタンスを設定することにより、 action から Vue Router を使うことができるようになります。これによって、action 内でルーティングを行うことができます。 公式ドキュメントの解説: https://pinia.vuejs.org/core-concepts/plugins.html#adding-new-external-properties 実装例 公式ドキュメントで省略されている箇所も含めてコード例を記載します。 main.ts import { createAp…

#Vue3#Pinia#Vue Router
ha6_6ruブログ•3年前

Vue 3 Auth Guard（未認証の場合にログインページにリダイレクト）

はじめに 次のような振る舞いを実現する場合、Vue.js（Vue Router）ではナビゲーションガードを利用します。 ECサイトで購入手続きに入ろうとしたときにログインページに飛ばされる 最初にログインが必要なサイトで、ログイン以降に表示されるページにアクセスしたときにログインページに飛ばされる ナビゲーションガード ナビゲーションガードには、グローバルやルートごとの設定、コンポーネント内の設定と種類が分かれますが、サイト全体の認証を制御するのでグローバルナビゲーションガードを使います。グローバルナビゲーションガードは、Vue Routerのインスタンスに対して設定を行います。 まずは、未認…

#Vue.js#Vue3#Vue Router