Директива wire:confirm

Перед выполнением опасных действий в Livewire вы можете захотеть предоставить пользователям какое-либо визуальное подтверждение.

Livewire упрощает это, добавляя wire:confirm к любому действию (wire:click, wire:submit и т. д.).

Вот пример добавления диалога подтверждения к кнопке «Удалить запись»:

<button
    type="button"
    wire:click="delete"
    wire:confirm="Вы уверены, что хотите удалить эту запись?"
>
    Удалить запись
</button>

Когда пользователь нажимает «Удалить запись», Livewire вызывает диалог подтверждения (стандартное браузерное окно подтверждения). Если пользователь нажимает Escape или отменяет, действие не будет выполнено. Если он нажимает «OK», действие будет завершено.

Запрос ввода у пользователя

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

Livewire предоставляет полезный модификатор .prompt, который при применении к wire:confirm запрашивает у пользователя ввод и подтверждает действие только если ввод совпадает (с учётом регистра) с указанной строкой (обозначается символом «|» (вертикальная черта) в конце значения wire:confirm):

<button
    type="button"
    wire:click="delete"
    wire:confirm.prompt="Вы уверены?\n\nВведите DELETE для подтверждения|DELETE"
>
    Удалить аккаунт
</button>

Когда пользователь нажимает «Удалить аккаунт», действие будет выполнено только если введено «DELETE» в поле запроса, в противном случае действие будет отменено.

Справочник

wire:confirm="message"

Модификаторы

Модификатор	Описание
.prompt	Запрашивает у пользователя ввод; формат: "сообщение|ожидаемый-ввод"