Wie man Reaktivität erreicht, ohne die Komponente neu zu laden ⇐ Php

[Anonymous]

Problem beim Erstellen eines Einkaufswagens in Laravel -Trägheit Vue Vue -Bundle - Ich möchte die Übergangsgruppe verwenden, um Produkte im Wagen zu animieren. Die Komponente lädt jedoch nach, wenn ich Informationen von Laravel erhalte, der Wagen im Sitzungsspeicher.
mein Code sieht aus wie:
productComponent: < /p>

Code: Select all

   methods: {
addToCart(id) {
router.visit(`/cart/add/${id}`, {
method: 'post',
onSuccess: () => {
console.log('Product added to cart');
},
preserveScroll: true,
});
}
}
< /code>
cart: < /p>
            



< /code>
Controller: < /p>
  public function addToCart($id)
{
$product = Product::findOrFail($id);
$cart = session('cart', []);
$found = false;

foreach ($cart as &$item) {
if ($item['product']['id'] === $product->id) {
$item['qty'] += 1;
$found = true;
break;
}
}
if (!$found) {
$cart[] = [
'product' => $product,
'qty' => 1,
];
}
session(['cart' => $cart]);
}
< /code>
Hadleinertirequest: < /p>
return array_merge(parent::share($request), [
'cart' => fn () => $request->session()->get('cart', []),

Vielleicht gibt es bessere Möglichkeiten, mit dem Einkaufswagen zu arbeiten, als ich mich ausgedacht habe?