Vue.js img src nối biến và văn bản

Tôi muốn nối biến Vue.js với URL hình ảnh.

Những gì tôi đã tính toán:

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

Nếu tôi xây dựng cho Android:

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

Khác

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

Làm cách nào để nối biến đã tính với URL?

Tôi đã thử nó:

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

Bạn không thể sử dụng curlies (thẻ ria mép) trong các thuộc tính. Sử dụng phần sau để nối dữ liệu:

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

Hoặc phiên bản ngắn:

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

Đọc thêm về các thuộc tính động trong tài liệu Vue .

Trong một trường hợp khác, tôi có thể sử dụng mẫu ES6 theo nghĩa đen với các dấu gạch ngược, vì vậy đối với của bạn có thể được đặt là:

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

cứ thử đi

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

nếu bạn xử lý nó từ dataBase, hãy thử:

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