「v-tooltip」でvue.js対応のツールチップを簡単に実装する | カバの樹

導入手順 1. ライブラリの呼び出し まずライブラリを呼び出す為に、以下の２通りの呼び出しを選択します。 コンパイラを使用しない場合は、UMDを使ってください。 （1）webpack等の場合 [注意]モジュール版は未検証です。 import Vue from 'vue' import VTooltip from 'v-tooltip' Vue.use(VTooltip) （2）WEBページの場合 Vue.use(VTooltip) 2. テンプレートで、v-tooltipディレクティブを使用します。 <button v-tooltip="'TOPにメッセージが表示されます'">TOP</button> 3. CSSを適用させる ライブラリだけだとスタイルが無いので、下記の参考スタイルを適用します。 .tooltip { display: block !important; z-index: