有一扇门,有很多颜色。通过单击一个门可以获得该门的颜色,但是通过单击另一扇门,被单击的门的颜色将不会显示,并且前一个仍保留。如何重置ID以获取新的点击ID?
显示所有门,并通过单击每个门发送thisDoor函数
@foreach($doors as $door)
<img
src="images/doors/{{ $door->image}}"
wire:click="thisDoor({{ $door->id}})"
/>
@endforeach
public function thisDoor ($id){
$this->door = Door::find($id);
}
这是显示被点击门的颜色:
if(isset($door))
@foreach($door->colors as $color)
<img
src="images/doors/{{ $color->image}}"
/>
@endforeach
@endif
第二次在另一扇门上单击不要刷新它的颜色并显示上一个。