Vuetifyでナビゲーションのタイトルにホームに戻る遷移を追加する方法

Vuetifyを使用していて、ナビゲーションバーのタイトルから、ホーム画面に戻る遷移を追加したいと思い、実装方法を調査してみました。

この実装方法はとても簡単でしたので、紹介したいと思います。

<v-toolbar-title style="cursor: pointer" @click="$router.push('/')">タイトル</v-toolbar-title>

v-toolbar-titleのタグにスタイルstyle=”cursor: pointer”とクリックイベントの@click=”$router.push(‘/’)”を追加するだけです。

参考にした記事