frontendmemo

このサイトは、「html、css、js、ruby,ツールなどについて、自分が覚えたこと、またはいつも忘れて調べることを書き溜め、それが結果といて勉強したての初心者の方や自分と同じような技術レベルの人の助けになることを目的とするWebログ」、略してブログです。挨拶→http://frontendmemo.hatenablog.com/entry/2016/06/25/115845

【Vue.js】location.hrefは使用しません|$routerを使いこなそう

スポンサードリンク


スポンサードリンク


Vue.jsではlocation.hrefの代わりに$routerを使用します。(Vue Routerを使用している場合)

console.log(this.$route)とすると以下のように表示されます。

fullPath: "/hoge"
hash: ""
matched: [{…}]
meta: {}
name: "hoge"
params: {hoge: "1"}
path: "/hoge/huga/1"
query: {}

つまり
console.log(this.$route.name)で

router.jsに指定したnameが取得できます。
location.hrefの場合はthis.$route.fullPathとなります。