vue-router でのページ遷移時に任意のパラメーターを渡す方法

vue.js
vue-router でのページ遷移時に任意のパラメーターを渡す方法

こんにちは!

vue.js の vue-router でページ遷移する場合に、
ページの遷移先にパラメーターを渡す方法を紹介します!

source page

遷移元ページでは以下のように、params として任意の値を渡します。

        this.$router.push({
          name: "page2",
          params: { meaningful_param: meaningful_value },
        });

:id みたいな url に埋め込むときと渡し方は同じです。

destination page

遷移先ページでは以下のように、受け取れます!

      alert(this.$route.params.meaningful_param);

以上です!

この記事をシェアする