如何将URL参数处理后的数据传递给Laravel Livewire组件并访问？

方法一：从父视图传递数据到Livewire组件 #

适合你当前已有控制器处理逻辑的场景，只需把控制器传递给父视图的数据转发给Livewire组件：

1. 修改父视图（resources/view/component/productcategories.blade.php）
   调用Livewire组件时，通过属性传递$products和$categories：

@extends('layouts.newapp')

@section('title','Product Category')
@section('content')
<div>
    @include('inc.header')

    {{-- 传递数据到Livewire组件 --}}
    @livewire('category', ['products' => $products, 'categories' => $categories])
   
    @include('inc.footer')
</div>
@endsection

2. 修改Livewire组件类（App/Http/Livewire/Productcategory.php）
   定义公共属性接收传递过来的数据：

namespace App\Http\Livewire;

use Livewire\Component;

class Productcategory extends Component
{
    // 定义公共属性接收父视图传递的数据
    public $products;
    public $categories;

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

3. 组件视图（resources/view/livewire/category.blade.php）
   直接访问$products即可，现有代码无需修改：

@if (!empty($products))
  @foreach ($products as $item)
     <p>{{ $item->name}}</p>
  @endforeach
@endif

方法二：让Livewire组件独立处理URL参数（推荐） #

更符合Livewire组件化设计理念，组件直接从URL获取参数并完成数据查询，无需控制器中转：

1. 修改路由（可选，若需去掉控制器）
   直接将路由指向Livewire组件：

// routes/web.php
Route::get('/productcategory/{category}', \App\Http\Livewire\Productcategory::class)->name('productcategory');

若保留原有控制器，可继续使用，但组件会自行处理数据查询。

2. 修改Livewire组件类（App/Http/Livewire/Productcategory.php）
   通过mount方法获取URL参数并查询数据：

namespace App\Http\Livewire;

use Livewire\Component;
use App\Models\Categories;
use App\Models\Product;

class Productcategory extends Component
{
    public $category;
    public $products;
    public $categories;

    // 组件初始化时获取URL参数
    public function mount($category)
    {
        $this->category = str_replace("+"," ",$category);
        // 查询数据
        $this->categories = Categories::all();
        $this->products = Product::where('category', $this->category)->paginate(10);
    }

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

3. 修改父视图（resources/view/component/productcategories.blade.php）
   无需传递数据，直接调用组件：

@extends('layouts.newapp')

@section('title','Product Category')
@section('content')
<div>
    @include('inc.header')

    @livewire('category')
   
    @include('inc.footer')
</div>
@endsection

4. 组件视图保持不变
   现有组件视图代码可直接使用$products和$categories。

内容的提问来源于stack exchange，提问作者Chizo