You can share data between livewire and apline js using : @entangle
class Counter extends Component
{
public $showDropdown = false;
}
<div x-data="{ open: @entangle('showDropdown') }">You can sharing variable between livewire and alpine using : @entangle
class Counter extends Component
{
public $showDropdown = false;
}
<div x-data="{ open: @entangle('showDropdown') }">You can share data between livewire and apline js using : @entangle
class Counter extends Component
{
public $showDropdown = false;
}
<div x-data="{ open: @entangle('showDropdown') }">
--------------- OR -----------------
<div x-data="{ open: @entangle('showDropdown').defer }">
With this you dont need to use wire model with that data Like
wire:model.defer="showDropdown"