Laravel Livewire：如何无需输入内容触发syncInput？

直接用$('#input').val(123);修改输入框值不会触发Livewire的syncInput，因为Livewire需要监听输入事件来同步数据，你可以用以下两种方式实现：

• 触发输入框的input事件，模拟用户手动输入的行为，让Livewire感知到值变化：

  $('#input').val(123).trigger('input');
  

  执行后Livewire会自动同步foo属性。

• 直接调用Livewire的JS API设置组件属性，这种方式更直接，无需依赖DOM事件：

  // 若知道组件ID，用find定位组件实例
  Livewire.find('your-component-id').set('foo', 123);
  // 若是当前组件，在Blade模板内的JS中可简化为
  @this.set('foo', 123);
  

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