More than 3 years have passed since last update.

Vuetify で特定の id リンクにジャンプする（Stringの場合、v-btnの場合）

Last updated at 2021-04-18Posted at 2021-04-18

経緯

Vuetifyをつかって、Rails で作成した id リンクに直接飛びたい。
しかし、一筋縄にはいきませんでした。
ボタンと文字、それぞれのリンクの付け方が異なっていたからです。
備忘録として残します。

<nuxt-link :to="{ path: `/users/${item.user_id}` }">
  <span>
    Something
  </span>
</nuxt-link>

<v-btn
  nuxt :to="`/users/${item.user_id}`"
>
  Something
</v-btn>

参考記事 Nuxt × Vuetifyの状況下でv-btnをnuxt-linkにして使いたい https://knews.vip/q/so73690053/mo-daru-e-no-nuxt-o-pun-rinku

以上です。{} や / や " など、どの記号が必要なのか総当たりで試しました。
この記事で、どなたかの時間が節約されるのであれば幸いです。