如何阻止 Livewire 重新渲染元素

Question

我有一个组件，在这个组件内我有一个模式，也在这个模式内有一个输入，用于验证用户类型和表单提交。

但是，当任何这些事件发生时，由于组件重新渲染，模式会淡出。

代码是这样的：

<my-component>
  <modal>
    <input type="text" name="title" wire:model="title" />
  </modal>

  {{-- some content --}}

</my-component>

我怎样才能使组件只重新渲染输入而不是模态？（因为我想显示验证）

顺便说一句，我正在使用 Livewire v3！

Answer 1

您可以在模态上使用

wire:ignore.self

，并在输入上使用

wire:model.live

。