javascript - Vue.js img src 连接变量和文本

Question

我想将 Vue.js 变量与图像 URL 连接起来。

我计算的:

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

如果我为 android 构建:

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

否则

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

如何将计算变量与 URL 连接起来？

我试过了:

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

Answer 1

您不能在属性中使用 curl ( mustache 标签)。使用以下内容连接数据:

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

或者简短的版本:

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

在 Vue docs 中阅读有关动态属性的更多信息.