お問い合わせ

ブログ

これまでに経験してきたプロジェクトで気になる技術の情報を紹介していきます。

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

NMC NMC 2 years

こんにちは!

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);

以上です!

vue-router でのページ遷移時に任意のパラメーターを渡す方法 2021-11-09 17:23:11

コメントはありません。

4465

お気軽に
お問い合わせください。

お問い合わせ
gomibako@aska-ltd.jp