Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

188
Vistas
¿Cómo acceder a las variables alpinas desde JS normal?

Quiero ocultar un elemento con Alpine después de X segundos. Así que necesito ejecutar un setTimeout() que cambia una variable de datos x a la que está vinculado el espectáculo x del elemento.

Actualmente estoy usando la etiqueta de secuencia de comandos con JS normal, pero parece que no puedo acceder a las variables de datos x desde ella.

Como ejemplo:

 <div x-data="showSomething = true"> <script> setTimeout(() => { this.showSomething = false; }, 1500); </script> </div>

Recibo este error si uso "esto". O no:

Error de referencia no capturado: showAlgo no está definido

¿Cómo puedo acceder a las variables de datos x desde JS normal, o hay alguna forma de hacerlo en Alpine?

Editar: resolví esto usando x-on para escuchar el evento (y refiriéndose a las variables sin .this dentro de esa función)

about 4 years ago · Juan Pablo Isaza
1 Respuestas
Responde la pregunta

0

Utilice x-init .

 <div x-data="{ showSomething: true }" x-init="setTimeout(() => { this.showSomething = false; }, 1500)" > </div>
about 4 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda