Básicamente, he buscado en toda la web (¿tal vez no lo suficientemente bien?) una solución para la siguiente pregunta/situación.

En este momento, cargo una imagen con la función "requerir" de los paquetes web en mi plantilla.

 <div class="mt-5 mb-5 app-img"> <img :src="img" alt="" > </div> and private img = require(`@/assets/patternImg/placeholder.webp`)

Entonces, en realidad, ahora quiero reemplazar esta imagen en la misma plantilla.

En primer lugar, sé que ya no puedo usar require, ya que es estático.

Lo que obtuve ahora es una matriz llena de cadenas de URL que quiero usar. Leí algo sobre la carga diferida de imágenes en sitios web, pero no estoy muy seguro de si la carga diferida es la solución, ya que debo definir constantes.

La matriz sale de una base de datos, donde almaceno información que puedo usar con éxito en mi plantilla, pero no las URL de imagen.

Entonces, cómo se ve la matriz:

 private imgURLs = ['`@/assets/patternImg/placeholder.webp`,`@/assets/patternImg/placeholder.webp`,...']

Puedo cambiar fácilmente la cadena dentro de la matriz, solo necesito un concepto/solución de trabajo para cambiar la imagen. El único requisito es que la solución debe funcionar con las URL. Otras ideas también pueden funcionar, pero me quedé atascado en esta situación con vue.

Así que sería bueno, si alguien pudiera ayudarme.

Gracias y saludos

PD. uso vuex/axios para consultas de bases de datos y buefy-css