javascript - Vue.js img src समवर्ती चर और पाठ




vuejs2 (3)

आप विशेषताओं में curlies (मूंछें टैग) का उपयोग नहीं कर सकते। निम्नलिखित डेटा का उपयोग करें:

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

या लघु संस्करण:

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

Vue डॉक्स में डायनामिक विशेषताओं पर अधिक पढ़ें।

मैं छवि URL के साथ Vue.js चर को बदलना चाहता हूं।

मैंने क्या गणना की:

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

एक अन्य मामले में मैं बैकलैक्स के साथ टेम्प्लेट शाब्दिक ES6 का उपयोग करने में सक्षम हूं, इसलिए आपके लिए इस प्रकार सेट किया जा सकता है:

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

कोशिश करो

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






vuejs2