在 textarea 中键入触发在 livewire 中呈现

Question

我有一个文本区域，当我在其中输入内容时，呈现功能起作用。有什么问题？

<label class="tf-form-label" for="form.reason">
    {{ __('Reason') }}
</label>
<textarea wire:model.debounce.250ms="form.reason" rows="5" name="form.reason" id="form.reason" class="tf-input" ></textarea>
<x-jet-input-error for="form.reason" class="mt-2" />

Answer 1

这是将元素绑定到 Livewire 时的默认行为。 Debounce 不会阻止这种情况，只是提供对 Livewire 何时触发网络请求更新自身的控制。

如果您不想在输入的每个字符上都进行更新，您可以使用 lazy which sends a network request when it detects the native change event, or defer 批量更新并在您明确告诉表单提交时发送它们。