[Nuxt.js] 動的なルーティングを行うメソッドを作りたい

Question

Nuxt.jsでカレンダーライブラリ(FullCalendar)を使ってTodoアプリを作ろうとしています。

それぞれの日付をクリックすると /2020-01-02 等へ移動しその日のイベントを表示させるような形にしたいです。
nuxt-linkはこのような場合使えない？と思うのですが、どのようなメソッド、ディレクトリ構成にすれば動的なルーティングを実現できるでしょうか。

それぞれの日付の情報(2020-01-02等)自体は上の画像のようにdateStrで取得できます。

methods: {
  goToDatePage (arg) {
    console.log(arg.dateStr)
  }
}

また、カレンダー全体にはfcクラス、それぞれの日付部分にはfc-dayクラスが付与されています。

Answer 1

すいません自己解決しましたm(_ _)m

pages -- calendar -- _id.vue
└ index.vue

というディレクトリ構造にし、メソッドは

goToDatePage (arg) {
  this.$router.push({
    name: 'calendar-id',
    params: { id: arg.dateStr }
  });
}

とすることで /calendar/任意の日付 へルーティングできました。