Livewire Dom 更新中断 jquery 插件，如 Select2 .. 等

【问题标题】：Livewire Dom update break jquery plugin like Select2 .. etcLivewire Dom 更新中断 jquery 插件，如 Select2 .. 等
【发布时间】：2021-12-15 01:21:04
【问题描述】：

当 livewire DOM 更新 jquery 插件不工作、jquery 插件中断并且不工作时，我遇到了一个问题。请适当的指导谢谢

【问题讨论】：

请澄清您的具体问题或提供其他详细信息以准确突出您的需求。正如目前所写的那样，很难准确地说出你在问什么。

标签： jquery-plugins jquery-select2 break laravel-livewire

【解决方案1】：

选择2时，我通过执行下一个

解决了问题

//in component
public $selectedElem;

public function hydrate()
{
   $this->emit('select2Hydrate');
}

public function updatedSelectedElem($value)
{
   dd($value);
}

//in blade
<select class="form-control select2_livewire" wire:model="selectedElem">
   //.....
</select>

<script>
 
  $(document).ready(function() {

      window.loadSelect2 = () => {
         $('.select2_livewire').select2().on('change',function () {
             @this.set('selectedElem',$(this).val());
         });
      }
      loadSelect2();
      window.livewire.on('select2Hydrate',()=>{
         loadSelect2();
      });  
  }   

</script>

【讨论】：