Это пример простой модалки с использованием v-model.

Здесь может быть любой контент: формы, изображения, таблицы.

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

Это alert внутри модалки

Подтверждение удаления

Вы уверены, что хотите удалить этот элемент? Это действие нельзя отменить.

Выполнение действия

Вы уверены, что хотите выполнить это действие?

Добавить пользователя

Шаг 1: Ввод данных

Шаг 2: Подтверждение

Вы ввели количество: 1

Подтвердите выполнение действия.

Результат

🎉

Процесс успешно завершен!

Обработано 1 элементов

Выполнение операции

Операция была отменена

Примеры использования модальных окон

1. Простая модалка (v-model)

2. Модалка с кастомными слотами

3. Модалка подтверждения (Promise)

4. Модалка с формой

5. Программное управление

6. Модалка с состоянием загрузки