javascript - Vue.js img src संक्षिप्त नाम चर और पाठ




vuejs2 (3)

मैं छवि URL के साथ 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">

Answers

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

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

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

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

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

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

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


सार्वभौमिक समाधान नीचे है:

Object.prototype.toString.call(obj)=='[object Array]'

ईसीएमएस्क्रिप्ट 5 से शुरू, एक औपचारिक समाधान है:

Array.isArray(arr)

साथ ही, पुराने जावास्क्रिप्ट libs के लिए, आप नीचे समाधान पा सकते हैं हालांकि यह पर्याप्त सटीक नहीं है:

var is_array = function (value) {
    return value &&
    typeof value === 'object' &&
    typeof value.length === 'number' &&
    typeof value.splice === 'function' &&
    !(value.propertyIsEnumerable('length'));
};

समाधान http://www.pixelstech.net/topic/85-How-to-check-whether-an-object-is-an-array-or-not-in-JavaScript







javascript vue.js vuejs2