image path VueJS

juanpa
Javascript

Bonjour,

Voila je rencontre un petit problème avec mon code.
Je n'arrive pas à afficher une image du dossier assets dont l'url est composé d'une variable.

Ce que je fais

Je récupére via api un objet contact qui contient entre autre un avatar sous forme d'un string monavatar.png
Dans le dossiers assets du projet VueJS j'ai créer un dossier avatar dans lequel j'ai mis
le fichier matthew.png
Ci-dessous la 1er balise image récupère la valeur matthew.png de la var contact.avatar mais n'affiche pas l'image.
En dessous je l'ai mis en dur, l'image s'affiche 

            <div class="image">
                <img :src="'../../assets/avatars/' + contact.avatar">
                <img src="../../assets/avatars/matthew.png">
            </div>

Ce que je veux

Pouvoir afficher l'image de la 1er balise

Ce que j'obtiens

dans l'inspecteur voilà le rendu des 2 balises

<img src="../../assets/avatars/matthew.png">
<img src="/static/img/matthew.046e91f.png">

Edit : Bon bah j'ai mis le dossier avatars dans le dossiers static

<img :src="'static/avatars/' + contact.avatar">

Désolé je débute avec VueJS, c'est ce qu'il fallait faire ?
Je viens de faire un build pour voir, on dirait bien que c'est dans ce dossier static qu'il faille mettre ces fichiers.....statique :)

Aucune réponse