Vue 3 bootstrap 5 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 vote117 views4 answers
Convert .js file to ts
TypeScript
2 votes99 views1 answer
What are benefits of zip files
TypeScript
0 vote100 views1 answer
Angular build failed to load router-outlet
TypeScript
1 vote110 views1 answer
Difference between dictionary and sets in python
TypeScript
0 vote60 views1 answer
Conditional src angular 6
TypeScript
0 vote113 views1 answer
Pull rewuests in local project
TypeScript
0 vote117 views3 answers
Get local storage data in angular
TypeScript
0 vote100 views1 answer
Pending = pending$ async type 'boolean null' is not assignable
TypeScript
30 votes112 views3 answers
Set number of decimals python
TypeScript
1 vote117 views1 answer
Execute only one test spec with angular-cli (ng test)
TypeScript