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

JavaScript

小小逆天

2020-03-10

我想将Vue.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">

第450篇《Vue.js img src连接变量和文本》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共2个回答

Eva凯 2020.03.10

试一试

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

达蒙阿飞斯丁 2020.03.10

在另一种情况下，我可以将模板文字ES6与反引号配合使用，因此对于您的反引号可以设置为：

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

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android