Livewire-Draht: Klicken Sie auf „Funktioniert nicht in der x-data-Direktive von Alpine.js“. ⇐ Php

[Guest]

Ich stoße auf ein Problem, bei dem die Methode „wire:click“ von Livewire innerhalb einer Alpine.js-X-Data-Direktive nicht funktioniert. Hier ist eine Aufschlüsselung meines Setups:
Insideroutes/web.php,

Code: Select all

Route::get('/product/{slug}', [ProductController::class, 'show'])->name('product.show');

Innerhalb von app/Http/Controllers/ProductController.php,

Code: Select all

public function show($slug)
{
// Fetching the product and related products data
// Pass the product and related products to the view
return view('pages.products.show', compact('product', 'products'));
}

Inside resources/views/pages/products/show.blade.php,

Code: Select all

   @extends('layouts.default')
@section('title', $product->model)
@section('content')
@livewire('button', ['product' => $product])

@livewire('button', ['product' => $product])

@livewire('button', ['product' => $product])

@livewire('button', ['product' => $product])


@livewire('button', ['product' => $product])


@endsection

Inside resources/views/livewire/button.blade.php,

Code: Select all

Add to Cart

In app/Livewire/Button.php,

Code: Select all