Vue.js img src連結変数とテキスト

Vue.js変数を画像URLと連結したい。

私が計算したもの：

imgPreUrl : function() {
    if (androidBuild) return "android_asset/www/";
    else return "";
}

私がアンドロイド用にビルドした場合：

<img src="/android_asset/www/img/logo.png">

そうしないと

<img src="img/logo.png">

計算された変数をURLと連結するにはどうすればよいですか？

私はそれを試してみました：

<img src="{{imgPreUrl}}img/logo.png">

属性でカーリー（moustacheタグ）を使用することはできません。以下を使用してデータを連結します。

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

または短いバージョン：

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

動的属性の詳細については、Vueのドキュメントをご覧ください。

別のケースでは、バックリティックでテンプレートリテラルES6を使用できるため、次のように設定できます。

<img v-bind:src="`${imgPreUrl()}img/logo.png`">

ちょうど試して

<img :src="require(`${imgPreUrl}img/logo.png`)">

これをdataBaseから処理する場合は、以下を試してください。

<img :src="baseUrl + 'path/path' + obj.key +'.png'">