Vue.js img src concatenate variable and text

javascript, vue.js, vuejs2

Solution

You can't use curlies (moustache tags) in attributes. Use the following to concat data:

<img v-bind:src="imgPreUrl + 'img/logo.png'">

Or the short version:

<img :src="imgPreUrl + 'img/logo.png'">

Read more on dynamic attributes in the Vue docs.

Problem

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: ``` <img src="/android_asset/www/img/logo.png"> ``` Else ``` <img src="img/logo.png"> ``` How can I concatenate the computed variable with the URL? I tried it: ``` <img src="{{imgPreUrl}}img/logo.png"> ```

Original source