Vue js img src concatenate variable and text

Question

I want to concatenate Vue js variable with image URL   What I computed   imgPreUrl   function         if  androidBuild  return  android asset www        else return         If I build for android    lt img src   android asset www img logo png  gt    Else   lt img src  img logo png  gt    How can I concatenate the computed variable with the URL   I tried it    lt img src    imgPreUrl  img logo png  gt

User · Accepted Answer

You can t use curlies  moustache tags  in attributes  Use the following to concat data    lt img v-bind src  imgPreUrl    img logo png   gt    Or the short version    lt img  src  imgPreUrl    img logo png   gt    Read more on dynamic attributes in the Vue docs

User · Answer

just try    x000D   x000D   lt img  src  require    imgPreUrl img logo png    gt  x000D   x000D   x000D

User · Answer

If it helps  I am using the following to get a gravatar image   lt img          src  quot  https   www gravatar com avatar   this gravatarHash email   s   size  amp d   this defaultAvatar email    quot          class  quot rounded-circle quot           width  quot size quot        gt

User · Answer

In another case I m able to use template literal ES6 with backticks  so for yours could be set as    lt img v-bind src     imgPreUrl   img logo png   gt

User · Answer

if you handel this from dataBase try     lt img  src  baseUrl    path path    obj key    png   gt

User · Answer

For me  it said Module did not found and not worked  Finally  I found this solution and worked   lt img v-bind src  quot require       baseUrl    path path    obj key    png   quot   gt   Needed to add     at the beginning of the local path

[javascript] Vue.js img src concatenate variable and text

Examples related to javascript

Examples related to vue.js

Examples related to vuejs2