Vue bootstrap tooltip

// In App.vue
import { Tooltip } from "bootstrap";

new Tooltip(document.body, {
  selector: "[data-bs-toggle='tooltip']",
});

// In your template
<span
  data-bs-toggle="tooltip"
  data-bs-placement="bottom"
  data-bs-html="true"
  title="<u>Tooltip</u>"
>
  Text with tooltip
</span>

Source: codepen.io

Similar codes

0 vote150 views1 answer
Add correct host key in /root/.ssh/known_hosts to get rid of this message
TypeScript
1 vote107 views1 answer
<edit-config> changes in this plugin conflicts with <edit-config> changes in config.xml. Conflicts must be resolved before plugin can be added.
TypeScript
0 vote171 views1 answer
Using chai in typescript
TypeScript
0 vote160 views1 answer
Python requests header allow redirect false
TypeScript
0 vote149 views1 answer
Whats the meaning of ethics
TypeScript
0 vote185 views1 answer
Install brackets ubuntu 20.04
TypeScript
0 vote158 views1 answer
Remove dots and commas java
TypeScript
12 votes155 views3 answers
Useref input typescript
TypeScript
0 vote183 views4 answers
How to sort a list of lists in python
TypeScript
3 votes148 views1 answer
Npm uninstall all
TypeScript