Estoy usando la última versión de Nuxt 2 y quiero tener mis imágenes almacenadas en caché y precargarlas antes de la animación, la carpeta estática no me permite almacenar imágenes en caché porque el paquete web no analiza esta carpeta, por lo que para esa documentación dice que debo usar assets y deje que webpack lo analice por mí, el problema es que todo funciona con una ruta estática para las imágenes cuando quiero agregar src dinámicamente, mi ruta completa se copia y ya no usa webpack para esto.
Esto funciona:
<img class="lady" src="~/assets/lady/lady_001.png" /> Result: http://localhost:3000/_nuxt/assets/lady/lady_001.pngEsto no:
<img class="lady" :src="activeImage" alt="" /> Result: http://localhost:3000/~/assets/lady/lady_124.png ... computed: { activeImage() { return `~/assets/lady/lady_${this.activeTimeline}.png`; }, },activeTimeline es solo una secuencia de números de 000 a 180 convertida en cadena. ¿Hay alguna forma de lograr esto o me veo obligado a usar alguna biblioteca externa para almacenar en caché el contenido estático?
Puede usar require cuando se trata de imágenes dinámicas en Nuxt.
Directorio de activos / enlace de imágenes a los documentos