Подсказка

Компонент v-tooltip полезен для передачи информации, когда пользователь нависает над элементом. Вы также можете программно управлять отображением всплывающих подсказок с помощью v-model

Применение

Tooltips can wrap any element.

API

v-tooltip
Имя
absolute
По умолчанию
false
Тип
boolean

Позиционировать элемент абсолютно

Имя
activator
По умолчанию
undefined
Тип
any

Назначьте пользовательский активатор, если слот активатора не используется. Строкой может быть любой действительный querySelector, а Object может быть любым допустимым узлом

Имя
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

Длительность перед всплывающей подсказкой отображается и скрывается при наведении курсора

Имя
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

Задержка (в миллисекундах), после которой открывается меню (когда для параметра open-on-hover установлено значение 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-индекс, используемый для компонента

Примеры

Выравнивание

Подсказка может быть выровнена с любой из четырёх сторон элемента-активатора

Видимость

Видимость подсказки можно программно изменить, используя 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