使用相同模态 Livewire 的 CRUD 操作

Question

我正在为一个新项目使用 livewire，所以我希望使用模态进行 crud 操作，在这种情况下，我想使用一个负责创建和更新的模态，例如 vuejs。我尝试这样做，但这行不通

在我的刀刃上

<form class="form" wire:submit.prevent="$editMode ? update : store">

在我的组件中

public $editMode = false;

public function store() {
   $this->editMode = false;
   // code here
}

public function update() {
   $this->editMode = true;
   // code here
}

Livewire 版本：2.x,

我可以实现这个吗？还是我必须为此使用两个模态？提前致谢

Answer 1

您的 Livewire 属性无法解析 PHP，因此您需要使用 blade 将其回显。当您更新 Livewire 组件中的 $editMode 属性时，这将 re-render 具有新提交方法的组件。

<form class="form" wire:submit.prevent="{{ $editMode ? 'update' : 'store' }}">
    <!-- The rest of the form -->
</form>

使用相同模态 Livewire 的 CRUD 操作

Crud operation with same modal Livewire

livewires

laravel

laravel-livewire