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

127
Vistas
Imágenes de carga diferida nativas de Vue

Estoy en la escuela tratando de aprender Vue-Native para crear una aplicación similar a Imgur usando la API de Imgur.

Estoy probando mis llamadas con una función en la prensa:

 async get() { const res = await axios .get('https://api.imgur.com/3/gallery/hot/time/1?showViral=true&mature=false&album_previews=false', { headers: { 'Authorization': 'Client-ID myclientid' } }) this.images = res.data }

y tener un bucle v-for para obtener imágenes de la respuesta

 <image v-for="image in images" :key="image.id" :style="{height: 300, width: 300}" :source="{uri: `https://i.imgur.com/${image.cover}.jpg` }"/>

Cuando divido los datos res.data, no tengo problemas de carga, pero si no los tengo, mi aplicación intenta cargar todo al mismo tiempo y se vuelve muy lenta.

Probé loading="lazy" dentro de la imagen, pero no funcionó porque los componentes de imagen nativos de vue son un poco diferentes

¿Alguien tiene una solución? Gracias

about 4 years ago · Juan Pablo Isaza
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