How to use img src in vue js

Question

I have this in my vue js template    lt img src   media avatars   joke avatar    alt    gt       It is inside a loop that renders jokes  Other fields are rendered fine  but for the image I get this error in the console         src   media avatars   joke avatar     Interpolation inside attributes has been removed  Use v-bind or the colon shorthand   instead  For example  instead of   use        I have also use v-bind src      but get invalid expression error   How can I fix this

User · Accepted Answer

Try this    lt img v-bind src    media avatars     joke avatar    gt     Don t forget single quote around your path string  also in your data check you have correctly defined image variable   joke      avatar   image jpg      A working demo here  http   jsbin com pivecunode 1 edit html js output

[javascript] How to use img src in vue.js?

Examples related to javascript

Examples related to vue.js