Quiero crear una imagen en VueJS con los datos que recibo del servidor. Estos datos incluyen el título de la imagen, el tipo de imagen (p. ej image/png ) y el contenido de una imagen (que es un galimatías).

Traté de crear un método que devuelve un nuevo archivo así:

 methods: { getFile(img: { content: any; title: string; type: any }): File { return new File([img.content], img.title, { type: img.type, }); }, },

Y luego traté de vincular el método creado a la etiqueta img de esta manera:

 <template> <div> <img :src="getFile(image)" /> </div> </template>

Donde image es un objeto de tipo {title: string; type: string; content: string;} .

Lamentablemente recibo el siguiente error:

 Invalid prop: type check failed for prop "src". Expected String, Object, got File

¿Cómo puedo crear un archivo de imagen y vincularlo a la Vista para mostrarlo?

¡Gracias por cualquier ayuda!