主题
wire:ignore
Livewire 更新页面的能力使其"实时",但是,有时你可能希望防止 Livewire 更新页面的某个部分。
在这些情况下,你可以使用 wire:ignore 指令指示 Livewire 忽略特定元素的内容,即使它们在请求之间发生变化。
这在使用第三方 JavaScript 库处理自定义表单输入等情况下最有用。
以下是将第三方库使用的元素包装在 wire:ignore 中的示例,以便 Livewire 不会篡改库生成的 HTML:
blade
<form>
<!-- ... -->
<div wire:ignore>
<!-- This element would be reference by a -->
<!-- third-party library for initialization... -->
<input id="id-for-date-picker-library">
</div>
<!-- ... -->
</form>你还可以指示 Livewire 仅忽略根元素属性的更改,而不是使用 wire:ignore.self 观察其内容的更改。
blade
<div wire:ignore.self>
<!-- ... -->
</div>