我正在第一次在項目中嘗試 Laravel Livewire。我正在嘗試構建一個相當簡單的表單，其中包含一組級聯下拉菜單 - 一個輸入依賴于另一個輸入。但是，當我嘗試將雄辯的對象傳遞給組件屬性時，它會轉換為字符串，因此我無法訪問該對象的任何屬性。我覺得我可能缺少一些非常簡單的東西。這是我的組件代碼：PostComponent.phpclass PostComponent extends Component{ public $manufacturers; public $manufacturer = 'Select a Manufacturer'; public $cars; public function mount() { $this->manufacturers = Manufacturer::orderBy('name')->get(); } public function updated() { $this->cars = Car::where('manufacturer_id', $this->manufacturer->id)->get(); } public function render() { return view('livewire.post-component'); }這是我的刀片文件：<label for="manufacturer">Manufacturer</label><select wire:model="manufacturer" id="manufacturer"> <option selected="selected" disabled>Select a Manufacturer</option> @foreach($manufacturers as $selectableManufacturer) <option value="{{ $selectableManufacturer }}">{{ $selectableManufacturer->name }}</option> @endforeach</select>當我嘗試在下拉列表中選擇制造商時，我可以記錄$manufacturer并看到該值是{"id":16,"name":"Manufacturer1","description":"lorem ipsum","created_at":"2020-06-26T23:44:37.000000Z","updated_at":"2020-06-26T23:44:37.000000Z"} 但是，當我嘗試在生命周期掛鉤中選擇汽車時嘗試獲取id制造商的信息時updated，出現錯誤嘗試獲取非對象的屬性“id”知道為什么會發生這種情況以及如何解決它嗎？
3 回答
MMMHUHU
TA貢獻1834條經驗 獲得超8個贊
您的實現的問題是，在選擇框中您在刀片中回顯的是string，而不是object，因此線模式將通過獲取輸入事件的值并將其與后端同步來完成其工作。有兩種方法可以實現您的目標。
將 select 選項的值作為制造商 id，然后您可以直接在更新的生命周期掛鉤中使用它。
<label for="manufacturer_id">Manufacturer</label>
<select wire:model="manufacturer_id" id="manufacturer_id">
<option selected="selected" disabled>Select a Manufacturer</option>
@foreach($manufacturers as $selectableManufacturer)
<option value="{{ $selectableManufacturer->id }}">{{ $selectableManufacturer->name }}</option>
@endforeach
</select>
在更新的鉤子中，
public $manufacturer_id;
public function updated()
{
$this->cars = Car::where('manufacturer_id', $this->manufacturer_id)->get();
}
或者只是使用該json_decode()函數使其成為一個對象，然后像您所做的那樣訪問 id 屬性。
public function updated()
{
$manufacturer = json_decode($this->manufacturer);
$this->cars = Car::where('manufacturer_id', $manufacturer->id)->get();
}
但健康的方法是使用 id 作為值。
精慕HU
TA貢獻1845條經驗 獲得超8個贊
您應該同步id所選制造商的 并在更新的掛鉤中使用它。以下是您可以如何做到這一點。
class PostComponent extends Component
{
public $manufacturers;
public $manufacturer_id;
public $manufacturer = 'Select a Manufacturer';
public $cars;
public function mount()
{
$this->manufacturers = Manufacturer::orderBy('name')->get();
}
public function updatedManufacturerId()
{
$this->cars = Car::where('manufacturer_id', $this->manufacturer_id)->get();
}
public function render()
{
return view('livewire.post-component');
}
}
前端可以保持不變。
<label for="manufacturer_id">Manufacturer</label>
<select wire:model="manufacturer_id" id="manufacturer_id">
<option selected="selected" disabled>Select a Manufacturer</option>
@foreach($manufacturers as $selectableManufacturer)
<option value="{{ $selectableManufacturer->id }}">{{ $selectableManufacturer->name }}</option>
@endforeach
</select>
慕哥9229398
TA貢獻1877條經驗 獲得超6個贊
- 3 回答
- 0 關注
- 197 瀏覽
添加回答
舉報
0/150
提交
取消