vueページをジャンプする方法

2761 ワード

第1種
ルーティング構成
path: "/index/:id",
        name: "Index",
        component: () => import("../views/index.vue"),

ジャンプページ呼び出し
this.$router.push({
          path: '/index/${id}'
        })

パラメータの取得方法
this.$route.params.id

第2種
ルーティング構成
{
     path: '/index',
     name: 'Index'
   }

ジャンプページ呼び出し
this.$router.push({
          name: 'Index',
          params: {
            id: id
          }
        })

パラメータの取得方法
this.$route.params.id