问题描述
我有两个按钮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,]);
}
解决方法
我将在组件上建立一个公共(计算)属性,该属性包含确定用户是否已订阅所需的任何逻辑:
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