Coding
2019.09.08
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
以上!
さいごに
やりたいことは単純なのに、方法はいろいろあってどうしようか悩みましたが、僕の知る限りこのやり方が一番シンプルでした。ぜひぜひ。