提示

v-tooltip对于用户悬停在元素上时传递信息很有用。您也可以通过一个v-model以编程方式控制提示组件的显示。

用例

Tooltips can wrap any element.

API

v-tooltip
名称
absolute
默认值
false
类型
boolean

给元素设置绝对定位

名称
activator
默认值
undefined
类型
any

在未使用激活器插槽激活器4.字符串可以是任何有效的查询选择器(querySelector),对象(Object)可以是任何有效的Node对象。

名称
allow-overflow
默认值
false
类型
boolean

移除内容的移除重新定位

名称
attach
默认值
false
类型
any

指定该组件应该分离到哪个DOM元素,使用CSS选择器字符串或元素的对象应用。

名称
bottom
默认值
false
类型
boolean

将组件向底部对齐

名称
close-delay
默认值
200
类型
number | string

当(open-on-hover)属性设置为true时,会在菜单关闭之后延时(以毫秒为单位)

名称
color
默认值
undefined
类型
string

将指定的色彩应用与控件

名称
content-class
默认值
undefined
类型
any

将自定义类应用于分离的元素。这是很有用的,因为内容被移动到应用程序的末尾,而不是直接通过组件传递给类。

名称
dark
默认值
false
类型
boolean

Components.Tooltips.

名称
debounce
默认值
0
类型
number | string

Duration before tooltip is shown and hidden when hovered

名称
disabled
默认值
false
类型
boolean

Components.Tooltips.

名称
fixed
默认值
true
类型
boolean

给元素设置固定定位

名称
input-activator
默认值
false
类型
boolean

Components.Tooltips.

名称
lazy
默认值
false
类型
boolean

有条件地渲染内容,只有激活时才会渲染内容

名称
left
默认值
false
类型
boolean

将组件向左边对齐

名称
light
默认值
false
类型
boolean

Components.Tooltips.

名称
max-width
默认值
auto
类型
number | string

设置内容的最大宽度

名称
min-width
默认值
undefined
类型
number | string

设置内容的最小宽度

名称
nudge-bottom
默认值
0
类型
number | string

向底部微调内容

名称
nudge-left
默认值
0
类型
number | string

向左侧微调内容

名称
nudge-right
默认值
0
类型
number | string

向右侧微调内容

名称
nudge-top
默认值
0
类型
number | string

向顶部微调内容

名称
nudge-width
默认值
0
类型
number | string

微调内容宽度

名称
offset-overflow
默认值
false
类型
boolean

当由于溢出而重新定位时,导致组件翻转到另一侧

名称
open-delay
默认值
200
类型
number | string

Delay (in ms) after which menu opens (when open-on-hover prop is set to true)

名称
position-x
默认值
undefined
类型
number

用于在不使用激活器插槽时定位内容

名称
position-y
默认值
undefined
类型
number

用于在不使用激活器插槽时定位内容

名称
right
默认值
false
类型
boolean

将组件向右边对齐

名称
tag
默认值
'span'
类型
string

Components.Tooltips.

名称
top
默认值
false
类型
boolean

将组件向顶部对齐

名称
transition
默认值
undefined
类型
string

Components.Tooltips.

名称
value
默认值
undefined
类型
any

控制可见性

名称
z-index
默认值
undefined
类型
any

用于组件的z-index

示例

对齐

提示组件可以与激活器元素的四个边中的任何一个对齐。

可见性

Tooltip的可见性可以使用v-model以编程的方式改变。

Edit this page | language on Github
Vuetify 3 is now available!The latest version of Vuetify is now available!
Learn about Vuetify 3's new features and functionality for modern Vue applications
Start exploringExplore