Laravel Livewire 线：单击（）删除组件属性？

Question

大家好，stackoverflowers， 在深入研究 Laravel8 Livewire 功能时，我反复遇到以下问题。在名为 Ticker 的 Livewire 组件中，我将日历表中的一系列日期数据读取到组件属性 $days 中。

在我看来，我使用wire:click 为$days 的每个元素显示一个div 元素，它应该连接到组件的tick() 方法。 视图渲染和安装正常，但每次单击元素时，都会出现 "Trying to get property 'id' of non-object $day->id" 错误 - 好像 $days 属性已被方法调用删除或清空。谁能帮助我理解这种行为？

组件Ticker.php：

class Counter extends Component
{
   public $days;

   public function mount()
   {
       $this->days = \DB::table("caldays")->WhereBetween("id", [320, 326])->get();
   }

   public function render()
   {
       return view('livewire.ticker');
   }

   public function tick($id)
   {
       /* do stuff with selected $id */
   }
}

查看ticker.blade.php：

...
@foreach($days as $day)
    <div class="border border-light-blue-500 border-opacity-75 p-6 text-center"
         wire:click="tick({{ $day->id }})"
    >
@endforeach
...

提前致谢，祝您新年快乐，保持健康！

Answer 1

你必须注意到这一点。删除您各自的日期后，无论如何这都不会更新您的收藏。因此，删除后您必须重新查询天数。或者只需从您的收藏中删除相应的天数。 试试这个：

@forelse($days as $day)
    <div class="border border-light-blue-500 border-opacity-75 p-6 text-center"
         wire:click="tick({{ $day->id }})"
    >
@empty
    <p>No day found</p>
@endforelse

另一种解决方案是：

@if(count($days>0)
    @foreach($days as $day)
        <div class="border border-light-blue-500 border-opacity-75 p-6 text-center"
             wire:click="tick({{ $day->id }})"
        >
    @endforeach
@endif

在php文件中：

public function tick($dayId){
    $day = \DB::table("caldays")->Where("id", $dayId)->get();
    $day->delete();
    if(in_array($dayId,$this->days)) {
        $key = array_search($dayId, $this->days);
        array_splice($this->days, $key, 1);
     }
}