如何使用Livewire进行订阅和取消订阅按钮？

Question

我有两个按钮volumes: - .:/home/node/app ，当用户单击subscribe and unsubscribe时，需要将按钮实时更改为subscribe：

我只做unsubscribe个，但是我不知道如何切换到subscribe

unsubscribe

HTML

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

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