Laravel Livewire 点击提交

Question

当我们点击离开时，我无法找到与提交更新请求的操作相关的任何内容。类似wire:clickaway = "update( {{ example -> id }} )"

本质上，我正在尝试创建当用户单击标题时会打开一个输入框的效果。比用户点击离开时，它会将已更新的数据保存在框中。

现在，当使用 Alpine 编辑为 true 时，我使用复选标记图标来完成这项工作

<div x-data="{edit : false}"  >

 <h2 @click="edit = true" x-show="edit === false" >{{$example -> title}} </h2>

 <div x-show="edit === true">
  <input name="title"  type="text" placeholder="{{$example -> title}}" wire:model="title"  >
  <i class="bi bi-check "  wire:click="update({{ $example->id }})" @click="edit = false"></i>
 </div>

</div>

我想把它改成类似

<div x-data="{edit : false}"  >

 <h2 @click="edit = true" x-show="edit === false" >{{$example -> title}} </h2>

 <input x-show="edit === true" name="title"  type="text" placeholder="{{$example -> title}}" wire:model="title" wire:clickaway="update({{ $example->id }})" @click.away="edit = false" >


</div>

有没有办法使用 Alpine JS @click.away 传递 update({{ $example->id }}) 的提交？

Answer 1

答案是@Dirk Jan 所说的

wire:change="update({{ example -> id }})"