livewire v3 动作新特性：wire:confirm 及 wire:confirm.prompt

wire:confirm

在Livewire中执行危险操作之前，您可能需要向用户提供某种视觉确认。
Livewire通过在任何操作（wire:click、wire:submit等）之外添加 wire:confirm 使这一点变得容易。
以下是在“删除帖子”按钮中添加确认对话框的示例：

<button    type="button"    wire:click="delete"    wire:confirm="Are you sure you want to delete this post?">    Delete post </button>

当用户点击“删除帖子”时，Livewire将触发一个确认对话框（默认的浏览器确认警报）。如果用户点击escape或按cancel，则不会执行该操作。如果他们按下“确定”，操作将完成。

Prompting users for input

对于更危险的操作，例如完全删除用户的帐户，您可能需要向他们显示一个确认提示，他们需要键入特定的字符串来确认操作。
Livewire 提供了一个有用的 .sprompt 修饰符，当应用于 wire:confirm 时，它将提示用户输入，并且只有在输入与所提供的字符串匹配时才确认操作:

<button    type="button"    wire:click="delete"    wire:confirm.prompt="Are you sure?\n\nType DELETE to confirm|DELETE">    Delete account </button>

当用户按下“删除帐户”时，只有在提示中输入“删除”时才会执行该操作，否则，该操作将被取消。

本作品采用《CC 协议》，转载必须注明作者和本文链接