Example How to create custom directive Tooltips in Vue.js
import PopperTooltip from 'tooltip.js';
Vue.directive('tooltip', {
bind(elem, bindings) {
new PopperTooltip(elem, {
placement: bindings.arg || 'top',
title: bindings.value
});
}
});
Example How to use this custom directive
<p>
Yo -
<span v-tooltip:top="'Here is another way to make a tooltip.'">
hover over me
</span>.
</p>
