スリ飯屋MaLankaのフリーエンジニアな日々

このブログでは、フリーランス5期目となる自身の実体験から、フリーランスエンジニアになるためのノウハウ、ブログや沖縄移住、スリランカの最新情報について発信します。

【Vue.js】 現在のパス(URL)を取得する 【Vue-Router】

※記事内に提携先企業のアフィリエイト広告(リンク、バナー等)、Google広告を含む場合があります

【Vue.js】現在のパス(URL)を取得する【Vue-Router】


こんにちは、mahです。


このブログでは、

僕がIT未経験から約1年でフリーランスエンジニアになるまでの過程、

ノウハウなどを書いていきます。


今回は、


  • 【Vue.js】現在のパス(URL)を取得する【Vue-Router】


について書いていきます。




【Vue.js】現在のパス(URL)を取得する【Vue-Router】




手順


現在のパスは、

this.$route.path


で取得出来る。


  • Vue-Routerリファレンス

https://router.vuejs.org/api




例、現在のパスによってリダイレクト先を変える関数


# js:some_component.vue

redirectToRoot: function() {

  // 現在のパスを取得
  console.log(this.$route.path)

  if (this.$route.path === '/')
    this.$router.push({ path: '/home' })
  else
    this.$router.push({ path: '/' })
  this.$router.go({ path: this.currentRoutePath })
  }
}




以上です。

Vue.jsや流行りのTypeScriptを学びたい人へ


Vue.jsTypeScriptReact.jsを学習するなら、Udemyの下記のコースがおすすめ★

(自分も全て受講しました)


  • Vue.js

Vue.js + Firebaseで作るシングルページアプリケーション


  • TypeScriipt

ハンズオンで学ぶ TypeScript - JavaScript エンジニアのための TypeScript徹底入門


  • React.js

フロントエンドエンジニアのための React ・ Redux アプリケーション開発入門




最後に


下記の表に、

フリーランスエンジニア向けの人気エージェントをまとめてみました。


エージェント選びで悩んでいる方は是非参考にしてみてくださいね★





あわせて読みたい


www.malanka.tech


www.malanka.tech


www.malanka.tech


www.malanka.tech