LoginSignup
0
1

More than 3 years have passed since last update.

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

Last updated at Posted at 2021-04-18

経緯

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

String に idリンク をつけたい場合

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

v-btn に idリンク をつけたい場合

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



参考記事
Nuxt × Vuetifyの状況下でv-btnをnuxt-linkにして使いたい

モーダルへのNuxtオープンリンク
https://knews.vip/q/so73690053/mo-daru-e-no-nuxt-o-pun-rinku


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

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1