Livewire和CSS(添加新div后，删除类select2)

Question

添加新div后，将删除select2 class。我有一个带有wire的表单:submit. prevention ="sendMessage">

<form wire:submit.prevent="sendMessage" method="POST">

表单有一个select2，它工作得很好，除了一个时刻，当我点击一个按钮。由于wire:submit.prevent，页面没有重新加载。当消息发送时，我添加了一个新的div。

@if($sent)
<div class="alert alert-success">
A message was sent successfully
</div>
<div wire:poll="reuse"></div>
@endif

我检查了这段代码没有新的div，它的工作很好，但是它并不重要的元素，当我只是试图添加一些新的，类select2被删除。

我还添加了wire:ignore，在这种情况下它不起作用

<div wire:ignore>
<select wire:model="type" name="type[]" class="select2" multiple>
<option value=""></option>
@foreach($types as $type)
<option value="{{ $type->id }}">{{ $type->title }}</option>
@endforeach
</select>
</div>

Answer 1

我尝试了很多不同的方法，只有一个工作完美。我给select所在的位置添加了一个ID。现在它看起来像

<div wire:ignore id="select2">
<select wire:model="type" name="type[]" class="select2" multiple>
<option value=""></option>
@foreach($types as $type)
<option value="{{ $type->id }}">{{ $type->title }}</option>
@endforeach
</select>
</div>