Tooltip 提示指令· BootstrapVue | tooltip bootstrap vue
首页[1] 中文手册[2] 指令[3] Tooltip提示指令 使用Bootstrapv4的CSS样式和动画添加自定义BootstrapVue工具提示的文档和示例,比如通过将鼠标悬停、聚焦或单击元素来触发工具Tooltip提示。 Showpagetableofcontents v-b-tooltip指令可以在任何元素与组件上调用tooltip提示指示。
使用Bootstrap v4 的CSS样式和动画添加自定义BootstrapVue工具提示的文档和示例,比如通过将鼠标悬停、聚焦或单击元素来触发工具Tooltip提示。
Show page table of contentsv-b-tooltip 指令可以在任何元素与组件上调用tooltip提示指示。
<div class="text-center my-3"> <b-button v-b-tooltip.hover title="Tooltip content">Hover Me</b-button> </div> 概述使用工具提示指令需要知道的事项:
工具提示依赖于第三方库 Popper.js[4] for positioning. 工具提示需要BootstrapVue的自定义SCSS / CSS才能正常运行,并提供变体。 如果未提供标题(或为空字符串),则不会显示工具提示。 指定容器:“ body”(默认),以避免在更复杂的组件(如输入组,按钮组等)中出现渲染问题。 在隐藏元素上触发工具提示将不起作用。 禁用 元素的工具提示必须在包装器元素上触发。 从跨越多行的超链接触发时,工具提示将居中。使用空格,在您的<a>, <b-link> 和<router-link>上,以避免此行为。. 在从DOM中删除其相应元素之前,必须先隐藏工具提示。 定位十二个选项可用于定位: 上, 左上, 右上, 右, 右上, 右下, 下, 左下, 右下, 左, 左上, 和 左下 aligned. 默认位置是 上。位置相对于触发元素
现场列子Triggers
<div> <b-co...