Livewire如何禁用模型变更时向服务端发送fetch请求？

默认自动同步的设计逻辑 #

Livewire 核心采用服务端驱动的响应式设计，所有组件状态默认以服务端存储的版本为唯一可信源。默认触发实时同步的逻辑是为了支撑实时表单校验、联动筛选、实时预览等无需手写前端JS的服务端交互场景，属于框架面向高频需求的预设适配方案。

禁用自动触发服务端请求的实现方案 #

• 使用defer修饰符完全停止自动同步
  将默认的wire:model绑定替换为wire:model.defer，输入过程中所有变更只会暂存在客户端本地，不会触发任何单独的同步请求，直到触发提交类动作（比如点击绑定了wire:click的按钮）时，才会将所有积攒的变更一次性同步到服务端，是完全禁用自动请求的最优方案。
  示例用法：

  <input type="email" wire:model.defer="user.email">
  

• 使用lazy修饰符降低同步频次
  若不需要完全关闭同步，仅想避免每输入一个字符就发请求，可以改用wire:model.lazy，仅当输入框失焦时才会触发一次同步请求，适合需要在输入完成后做校验、但不需要实时响应的场景。
• 使用wire:ignore跳过局部区域监听
  若某块输入区域完全不需要和Livewire服务端状态同步，可以给对应父DOM节点添加wire:ignore属性，Livewire会跳过对内部输入内容的监听，不会触发任何同步请求，适合配合自定义前端JS逻辑使用。

内容的提问来源于stack exchange，提问作者Sanya H