Elements with the disabled attribute aren't
interactive, meaning users cannot focus, hover, or click them to
trigger a tooltip (or popover). As a workaround, you'll want to
trigger the tooltip from a wrapper <div> or
<span>, ideally made keyboard-focusable using
tabindex="0", and override the
pointer-events on the disabled element.
<b-tooltip> component usage
You can manually control the visibility of a tooltip via the
syncable Boolean show prop. Setting it to
true will show the tooltip, while setting it to
false will hide the tooltip.
Programmatic control can also be affected by submitting
'open' and 'close' events to the tooltip
by reference.
v-b-tooltip directive usage
The v-b-tooltip directive makes adding tooltips even
easier, without additional placeholder markup: