Me pregunto si es posible en Alpine.js seleccionar todas las $refs con el mismo prefijo.
Por ejemplo, si tengo una lista de divs:
<div> <div x-ref="tab-1">some random stuff 1</div> <div x-ref="tab-2">some random stuff 2</div> <div x-ref="tab-3">some random stuff 3</div> <div x-ref="tab-4">some random stuff 4</div> <div x-ref="tab-5">some random stuff 5</div> <div x-ref="tab-6">some random stuff 6</div> </div>¿Hay alguna forma de seleccionar todas las pestañas que comienzan con "tab-"? Quería hacer algo similar a jQuery/QuerySelectorAll
Comodines en los selectores de jQuery
Intenté asignar todas las pestañas con la misma referencia, pero solo parece devolver el último elemento con la referencia.
Puedo acceder a ellos individualmente usando notación cuadrada: this.$refs['tab-1'] pero no estoy seguro de si hay alguna forma de hacer una selección de comodines.
Cualquier tipo de consejo o discusión es bienvenido. Gracias.
Entonces, después de navegar por la documentación y la sección de ayuda de github, es posible que la selección de comodines aún no esté disponible en alpine.js.
Creo que esto es lo que necesitaba:
this.$el.querySelectorAll('#tabs');Encuentre la publicación original para obtener más información https://github.com/alpinejs/alpine/issues/252