Vue.jsはじめに前回、Buefyの導入理由がツールチップだったので、公式ドキュメント踏襲でまとめていきたいと思います。ツールチップとは?ツールチップとは、ホバーした際に表示される枠内の補足説明などのことで、様々なサイトで使用されています。下記の画像がツールチップの例であり、今回作成するものです。コードNuxtの環境があれば、ツールチップは動くはず。100px;}</style>Buefyの導入ちなみに今回のツールチップを実装するするには「Buefy」を使用するため導入していない方は導入してから進めてください。下記の記事に導入方法があるので参考にしてみてください。makoo5.hatenablog.comリンクのアイコンを表示このリンクのアイコンはFontAwesomeというアイコンのツールキットを使用しています。fa-link"></i></div>fontawesomeを読み込む。</div></template>今回は<i>タグのアイコンに対してツールチップをつけるため、それを囲うように<b-tooltip>をいうタグを記述していきます。することで<b-tooltip>で囲われた要素にツールチップをつけるがことができます。(1)はてなブログをはじめよう!makoo5さんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。