【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となります。

コメント

タイトルとURLをコピーしました