Alert
Компонент v-alert используется для передачи важной информации пользователю. Он состоит из четырёх вариантов: success, info, warning и error. У них есть назначенные иконки по умолчанию, которые можно изменить и представлять разные действия
API
Применяет заданный цвет к элементу управления
Указывает, что предупреждение может быть закрыто
Назначает конкретную иконку
Устанавливает режим перехода (не относится к transition-group)
Устанавливает начало перехода
У оповещения будет контур
Устанавливает компонентный переход. Может быть одним из встроенных переходов или вашим собственным.
Укажите оповещение success, info, warning или error. Использует контекстный цвет и предопределённую иконку.
Контроль видимости
Примеры
Перекрываемый
Используя v-model вы можете управлять состоянием Alert. Если вы не хотите назначать v-model и просто показывать предупреждение, вы можете просто присвоить значение свойство value.
Иконка/Нет иконки
Вы можете легко назначить пользовательский значок или удалить все вместе.
Отображение перехода
Вы можете применить пользовательский переход показать/скрыть предупреждения.
Контур
Очерченные предупреждения наследуют свои границы от текущего применяемого цвета.