创建 x-jet-dialog 模态和 x-jet-confirmation 模态不能一起工作

Question

在我的 index.blade.php

<div class="flex mb-4">
        <x-jet-button wire:click="$toggle('savePositionModal')" wire:loading.attr="enabled">pAdd New Position
        </x-jet-button>
        @include('livewire.admin.manageelections.electionpositions.positionmodal')
    </div>
    <div class="bg-white overflow-hidden shadow-xl sm:rounded-lg">
        <div class="p-6 px-20 bg-white border-b border-gray-200 rounded-full">
            @include('livewire.admin.manageelections.electionpositions.positionstable')
        </div>
    </div>

位置模式运行良好。但是当在 positions.table

中找到确认模式时

 @foreach($positions as $position)
    <tr>
        <td class="border p-1">{{$count++}}</td>
        <td class="border p-1">{{$position->name}}</td>
        <td class="border p-1">{{$position->description}}</td>
        <td class="border p-1 text-center">
            <x-jet-secondary-button wire:click="openPositionModal({{$position->id}})" wire:loading.attr="enabled">
                Edit
            </x-jet-secondary-button>
            <x-jet-danger-button wire:click="$toggle('deletePositionModal')" wire:loading.attr="enabled">
                Delete
            </x-jet-danger-button>
            @include('livewire.admin.manageelections.electionpositions.deletePositonModal')
        </td>
    </tr>
@endforeach

开仓模式也有效。但是确认模式（用于删除目的）不起作用..

doe 有任何想法可以帮助吗？

Answer 1

laravel livewire jetstream 中只能包含一个模式。

我建议在用户单击某个按钮时切换要包含的模式。

因此每个模态框的默认状态是活动或打开。如果用户单击“点击包含模态按钮”，模态将包含在内，然后自动打开。

创建 x-jet-dialog 模态和 x-jet-confirmation 模态不能一起工作

Creating x-jet-dialog modal and x-jet-confirmation modal not working together

laravel

modal-dialog

jetstream