I have this input type number for qty
:
The html code:
<span class="qty-btn minus-btn" onclick="this.parentNode.querySelector('input[type=number]').stepDown()">
<i class="fal fa-minus-circle"></i>
</span>
<input
wire:model.lazy="quantity"
wire:change="updateQuantity({{ $product->id }})"
type="number"
class="input-text qty text"
title="Qty" inputmode="numeric"
step="1" min="1" max="" lang="en"
>
<span class="qty-btn plus-btn" onclick="this.parentNode.querySelector('input[type=number]').stepUp()">
<i class="fal fa-plus-circle"></i>
</span>
I need when I click on any button stepDown
or stepUp
update the qty
my Livewire component:
class CartQtySection extends Component
{
public $product;
public $quantity;
public function mount($product)
{
$this->product = $product;
$this->quantity = $product->pivot->quantity;
}
public function updateQuantity($id)
{
user()->cart()->updateExistingPivot($id, [
'quantity' => $this->quantity,
]);
$this->emit('quantityUpdated');
}
}