如何使用 Livewire 制作訂閱和取消訂閱按鈕？

Question

我有兩個按鈕subscribe and unsubscribe當用戶單擊subscribe時我需要將按鈕更改為實時unsubscribe ：

我確實subscribe了一個，但我不知道如何切換到unsubscribe

public function subscribe()
{
    Subscribe::firstOrCreate([
        'user_id' =>  user()->id,
        'store_id' => $this->store->id,
    ]);
    
}

HTML

 <button wire:click="subscribe" class="btn btn-default">
    <i class="far fa-heart text-danger h4 pt-2"></i>
</button>

Answer 1

我會在組件上創建一個公共（計算）屬性，其中包含確定用戶是否訂閱所需的任何邏輯：

public function getIsSubscribedProperty()
{
    // return true or false from here
}

然后你可以將你的按鈕包裹在刀片'if'中：

@if($isSubscribed)

<button wire:click="unsubscribe" class="btn btn-default">
    <i class="far fa-times-circle text-danger h4 pt-2"></i>
</button>

@else

<button wire:click="subscribe" class="btn btn-default">
    <i class="far fa-heart text-danger h4 pt-2"></i>
</button>

@endif