我使用 Livewire 和 Bootstrap 5。我在 Livewire 组件中有一个 Offcanvas,当单击按钮时会显示它。在这个画布中,我有一个文本区域,它通过 LiveWire 向服务器发出请求。
此请求使画布消失,而我希望它保持显示。为此,我使用wire:ignore-self。这很好用,但覆盖不会留下,因为它是通过 Bootstrap 生成的,所以不可能把它放在 ignore-self 中。怎么做
<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasExample"
aria-labelledby="offcanvasExampleLabel" wire:ignore-self>
<div class="offcanvas-header">
<h5 class="offcanvas-title" id="offcanvasExampleLabel">Head</h5>
<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas"
aria-label="Close"></button>
</div>
<div class="offcanvas-body">
<div>
Header
</div>
<div class="mb-3 mt-3">
<label for="xda" class="form-label">Text</label>
<input class="form-control" type="text" value="" placeholder="Text"
id="xda" name="xda" wire:model="xda">
</div>
<hr>
</div>