x-ref

x-ref, associé à $refs, est un utilitaire pratique pour accéder directement aux éléments du DOM. Il remplace avantageusement des API comme getElementById et querySelector.

<button @click="$refs.text.remove()">Supprimer le texte</button>

<span x-ref="text">Bonjour 👋</span>

Remarque : bien que cela ne figure pas dans l'extrait ci-dessus, x-ref ne peut pas être utilisé si aucun élément parent ne définit x-data. → En savoir plus sur x-data

Traduction française de la documentation officielle d'Alpine.js (licence MIT) – https://alpinejs.dev