我想连接Vue.带有图像URL的js变量.

我计算:

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">

推荐答案

不能在属性中使用卷发(胡须标记).使用以下方法收集数据:

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

或简短版本:

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

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

Vue.js相关问答推荐

Visual Studio代码中的VUE/VLAR扩展不断崩溃:JS/TS语言服务立即崩溃5次…

为什么v-show需要组件的包装元素?

在 Vue 中删除自定义组件代码重复的方法?

nuxt.js auth 始终重定向到登录,而不是允许转到带有 auth: false 的页面,

VueJS:在组件之间使用全局对象的最佳实践?

Vue动态mapGetters

在 Vue 项目之间共享assets和组件

如何使 Rails 与 vue.js 一起工作?

在 Vue 中,如何使用 npm run build 将 .htaccess 包含到生产环境中?

vuex: unknown getter: user

v-for 中的 VueJS 插槽

使用 vue-test-utils 配置过滤器

Vue-i18n '无法读取 Proxy.Vue.$t 处未定义的属性 '_t'

如何从 vue.js 捕获 Jquery 事件

如何突出显示 Vuetify 菜单中的选定项目?

中文而不是英文的Element UI分页

如何让 vuetify 数据表在卡片内时跨越容器的整个宽度?

组件已注册但未使用 vue/no-unused-components

无法访问手表处理程序 vuejs 中的数据变量

Vuetify 离线文档