Veutifyでv-imgタグのimageをクリックしたときに内部リンクに遷移させたいとき
今回はVeutifyでv-imgタグのimageをクリックしたときに内部リンクに遷移させたいときどうすれば良いのかについてご紹介いたします。
Veutifyでv-imgタグのimageをクリックしたときに内部リンクに遷移させたいとき
一般的にVeutifyで内部リンクをつけたいときは、
|
1 |
:to={name:"Home"} |
のように書くと思います。
しかし、v-imgに上記のtoを適用させても効果がありません。
ではどうすれば良いのかというと、router-linkタグでv-imgタグを括りましょう。
例として、HelloWorld.vueにあるVueのロゴイメージにホーム画面に遷移させる内部リンクを作るとしたら、
|
1 2 3 4 5 6 7 8 |
<router-link to="/"> <v-img :src="require('../assets/logo.svg')" class="my-3" contain height="200" /> </router-link> |
という風に書けばOKです。
ぜひ活用してみてください。
終わりに
今回はVeutifyでv-imgタグのimageをクリックしたときに内部リンクに遷移させたいときどうすれば良いのかについてご紹介いたしました。