Coding

Nuxt.jsでURLのパラメータを取得する方法

記事のアイキャッチ画像

Nuxt.jsではURLのパラメータが2種類考えられますので、それぞれのパラメータの取得方法について解説していきます。

はじめに

Nuxt.jsで、https://papadays.com/article/_id/_id部分と、https://papadays.com/article/?id="xxx"?id="xxx"部分のパラメータの2種類のパラメータの取得方法についてご紹介したいと思います。

やりかた

"_id"の取得

this.$route.params.id

?id="xxx"の取得

this.$route.query.id

以上!

さいごに

やりたいことは単純なのに、方法はいろいろあってどうしようか悩みましたが、僕の知る限りこのやり方が一番シンプルでした。ぜひぜひ。


Category List カテゴリー

Tag List タグ