[Vue]現在のパスを取得する

概要

現在のパスごとに、変数を入れ替えたり処理を変更したかったので、現在のパスを取得方法を調べました。
忘れないようにメモしたいと思います。

実装

const path = this.$route.path

自分メモ

現在のパスによって変数を格納したい場合

  data() {
    return {
      isActive: '',
    }
  },
  mounted() {
    const path = this.$route.path
    console.log(this.$route.path)
    if (path === '/'){
      this.isActive = '1'
    } else if (path === '/trend'){
      this.isActive = '2'
    } else if (path === '/item'){
      this.isActive ='3'
    }
  },

参考文献

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