Comment utiliser img src dans vue.js?
J'ai ceci dans mon template vue.js:
<img src="/media/avatars/{{joke.avatar}}" alt="">
C'est à l'intérieur d'une boucle qui rend des blagues. Les champs Otehr sont bien rendus, mais pour l’image, je reçois cette erreur dans la console:
- src = "/ media/avatars/{{joke.avatar}}": l'interpolation dans les attributs a été supprimée. Utilisez plutôt v-bind ou le raccourci des deux points. Par exemple, au lieu de, utilisez.
J'ai aussi utiliser v-bind:src="... mais obtenir l'erreur invalid expression.
Comment puis-je réparer cela?
Essaye ça:
<img v-bind:src="'/media/avatars/' + joke.avatar" />
N'oubliez pas les guillemets simples autour de votre chaîne de chemin. dans votre vérification des données, vous avez également défini la variable image.
joke: {
avatar: 'image.jpg'
}
Une démo de travail ici: http://jsbin.com/pivecunode/1/edit?html,js,output