Laravel livewire 手风琴在输入更改时崩溃

Question

我正在使用类似这样的手风琴 https://www.tailwindtoolbox.com/components/accordion 我的手风琴内有一个输入字段

<div class="tab-content overflow-y-scroll border-l-2 bg-gray-100 border-indigo-500 leading-normal">
     <div  class="border border-black mt-3 p-3 grid grid-cols-4">
          <div class="col-span-1">
                <label  for="about" class="block text-sm leading-5 font-medium text-gray-700">
                     Title
                </label>
         <div class="rounded-md shadow-sm">
        <textarea wire:model="additional_docs.title" name="additional_docs" id="edit_additional_docs" name="" rows="3" class="form-textarea mt-1 block w-full transition duration-150 ease-in-out sm:text-sm sm:leading-5" placeholder="description"></textarea>
         </div>
         <p class="mt-2 text-sm text-gray-500">
             Document Title
         </p>
    </div>
</div>

手风琴工作正常，但一旦我开始打字，手风琴就会关闭，我需要再次打开手风琴并开始打字，但如果我删除 wire:model ，它工作正常。我是新来的电线，如果我使用wire:ignore 也无济于事。

感谢您的帮助:)

Answer 1

在将被隐藏/显示的元素上添加wire:ignore.self。