<div x-data> <button x-on:click="$refs.text.remove()">Удалить текст</button> <div class="pt-4" x-ref="text">Привет👋</div></div>
Привет👋
x-ref
в сочетании с $refs
— полезная утилита для простого прямого доступа к элементам DOM. Она наиболее полезна в качестве замены таких API, как getElementById
и querySelector
.
<div x-data> <button x-on:click="$refs.text.remove()">Удалить текст</button> <div class="pt-4" x-ref="text">Привет👋</div></div>