これまでのparamsの渡し方 これまではcreateRouterで指定した各遷移先にpropsを定義し、画面遷移の際に指定した値をparamsに入れてpushしてあげれば十分だった。 export const router = createRouter({ history: createWebHistory('/'), routes: [ { path: '/', name: 'first', component: FirstPage, }, { path: '/second', name: 'second', component: SecondPage, // ここで遷移元から受け取る変数を定義する。 props: route => ({id: route.params.id, text: route.params.text}), } ] }) しかし現在のVue Router（4.1
<script lang="ts"> import { defineComponent } from 'vue' import { useRoute, useRouter } from 'vue-router' export default defineComponent({ setup() { const router = useRouter() const route = useRoute() const fetch = () => { const { id } = route.params store.getTodo(id) } const goHome = () => { router.push('/') } return { goHome, } }, }) </script> useRoute()関数から取得できるrouteオブジェクトは、リアクティブとなっています。 なお、テン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く