This rule also applies if a callback function is used as target element, since that callback is called only once on mount. Always place your component lower in the DOM than your target element. If the target element is not found during mount, the tooltip will never open. The target element must exist in the document before is mounted. A function (callback) that returns a reference to an HTMLElement or SVGElementįor more information on references, see the official Vue documentation.A reference (ref) to a component that has either an HTMLElement or SVGElement as its root element (e.g.A reference (ref) to an HTMLElement or an SVGElement (e.g.A string identifying the ID of the trigger element (or ID of the root element of a component).The target is specified via the target prop, and can be any of the following: The target is the trigger element (or component) that will trigger the tooltip. Use white-space: nowrap on your s, s and s to avoid this behavior. When triggered from hyperlinks that span multiple lines, tooltips will be centered.Tooltips for disabled elements must be triggered on a wrapper element.You can use container to optionally specify a different element to append the rendered tooltip to. Specify container as null (default, appends to ) to avoid rendering problems in more complex components (like input groups, button groups, etc.).Triggering tooltips on hidden elements will not work.
Tooltips require BootstrapVue's custom SCSS/CSS in order to function correctly, and for variants.Tooltips rely on the 3rd party library Popper.js for positioning.Things to know when using tooltip component:
0 kommentar(er)
