mark_edinoroglove
@mark_edinoroglove

Почему не корректно работает wire:target?

Почему при обновлении списка после удаления одного из юзеров, другая кнопка (вместо той куда по факту привязано действие) переходит в состояние loading?
@if (count($users) > 0)
        <table class="rounded-xl mt-3">
            @foreach ($users as $user)
                <tr>
                    <td class="p-3 flex items-center space-x-3">
                        <img class="h-8 w-8 rounded-full object-cover" src="{{ $user->profile_photo_url }}"><span>{{ $user->name }}@if(Auth::user()->email == $user->email) <span class="text-green-300">(Вы)</span>@endif - {{ $user->email }}</span>
                    </td>
                    <td class="p-3">
                        <div class="flex space-x-3">
                            <x-button wire:target="editUserModalOpen('{{ $user->id }}')" wire:click="editUserModalOpen('{{ $user->id }}')" wire:loading.attr="disabled">
                                <svg xmlns="http://www.w3.org/2000/svg" height="20" viewBox="0 0 373 373" fill="none">
                                    <path d="M211.461 67.8074L304.569 160.916L102.389 363.096L19.3757 372.26C8.26268 373.489 -1.12668 364.092 0.10972 352.979L9.34635 269.908L211.461 67.8074ZM362.156 53.9452L318.439 10.2276C304.802 -3.40919 282.685 -3.40919 269.048 10.2276L227.92 51.356L321.028 144.464L362.156 103.336C375.793 89.6916 375.793 67.5819 362.156 53.9452Z" fill="black"/>
                                </svg>
                            </x-button>

                            <x-button wire:target="deleteUserModalOpen('{{ $user->id }}')" wire:click="deleteUserModalOpen('{{ $user->id }}')" wire:loading.attr="disabled">
                                <svg xmlns="http://www.w3.org/2000/svg" height="20" viewBox="0 0 373 373" fill="none">
                                    <path d="M186.192 0C83.3359 0 0 83.3359 0 186.192C0 289.048 83.3359 372.384 186.192 372.384C289.048 372.384 372.384 289.048 372.384 186.192C372.384 83.3359 289.048 0 186.192 0ZM186.192 336.347C103.231 336.347 36.0372 269.153 36.0372 186.192C36.0372 103.231 103.231 36.0372 186.192 36.0372C269.153 36.0372 336.347 103.231 336.347 186.192C336.347 269.153 269.153 336.347 186.192 336.347ZM262.621 139.494L215.923 186.192L262.621 232.89C266.149 236.419 266.149 242.125 262.621 245.653L245.653 262.621C242.125 266.149 236.419 266.149 232.89 262.621L186.192 215.923L139.494 262.621C135.965 266.149 130.259 266.149 126.731 262.621L109.763 245.653C106.235 242.125 106.235 236.419 109.763 232.89L156.461 186.192L109.763 139.494C106.235 135.965 106.235 130.259 109.763 126.731L126.731 109.763C130.259 106.235 135.965 106.235 139.494 109.763L186.192 156.461L232.89 109.763C236.419 106.235 242.125 106.235 245.653 109.763L262.621 126.731C266.149 130.259 266.149 135.965 262.621 139.494Z" fill="red"/>
                                </svg>
                            </x-button> <!-- изменить выключение всех кнопок удаления -->
                        </div>
                    </td>
                </tr>
            @endforeach
        </table>
    @else
        <div class="border border-white rounded-xl text-center py-2 px-3 mt-3">
            Пользователей не найдено,<br>но вы можете их добавить
        </div>
    @endif
  • Вопрос задан
  • 57 просмотров
Пригласить эксперта
Ответы на вопрос 1
@Zerg89
А какой из них не работает?
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы