Alert

Компонент v-alert используется для передачи важной информации пользователю. Он состоит из четырёх вариантов: success, info, warning и error. У них есть назначенные иконки по умолчанию, которые можно изменить и представлять разные действия

Применение

Alerts can have a contextual color and are hidden by default.

API

v-alert
Имя
color
По умолчанию
undefined
Тип
string

Применяет заданный цвет к элементу управления

Имя
dismissible
По умолчанию
false
Тип
boolean

Указывает, что предупреждение может быть закрыто

Имя
icon
По умолчанию
undefined
Тип
string

Назначает конкретную иконку

Имя
mode
По умолчанию
undefined
Тип
string

Устанавливает режим перехода (не относится к transition-group)

Имя
origin
По умолчанию
undefined
Тип
string

Устанавливает начало перехода

Имя
outline
По умолчанию
false
Тип
boolean

У оповещения будет контур

Имя
transition
По умолчанию
undefined
Тип
string

Устанавливает компонентный переход. Может быть одним из встроенных переходов или вашим собственным.

Имя
type
По умолчанию
undefined
Тип
string

Укажите оповещение success, info, warning или error. Использует контекстный цвет и предопределённую иконку.

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

Контроль видимости

Примеры

Перекрываемый

Используя v-model вы можете управлять состоянием Alert. Если вы не хотите назначать v-model и просто показывать предупреждение, вы можете просто присвоить значение свойство value.

Иконка/Нет иконки

Вы можете легко назначить пользовательский значок или удалить все вместе.

Отображение перехода

Вы можете применить пользовательский переход показать/скрыть предупреждения.

Контур

Очерченные предупреждения наследуют свои границы от текущего применяемого цвета.

Edit this page | language on Github