root
July 4, 2022Меньше 1 минуты
$root
$root
is a magic property that can be used to retrieve the root element of any Alpine component. In other words the closest element up the DOM tree that contains x-data
.
<div x-data data-message="Hello World!">
<button @click="alert($root.dataset.message)">Say Hi</button>
</div>
<div x-data data-message="Hello World!" class="demo">
<button @click="alert($root.dataset.message)">Say Hi</button>
</div>