मुझे चयनित वर्तमान भाषा के आधार पर सामग्री प्रदर्शित करने के लिए एक जेसन कुंजी को जोड़ना होगा। एपीआई में मुझे प्रतिक्रिया और वर्तमान भाषा चुनी जा रही है। प्रतिक्रिया नीचे की तरह है

{
  lang : "en"
  heading_ar: "قابل وتناول واستمتع بالاختبار الحقيقي"
  heading_en: "Meet, Eat & Enjoy the true test"
  description_ar: "<p>هناك حقيقة مثبتة منذ زمن طويل وهي أن المحتوى المقروء لصفحة</p>"
  description_en: "<p>It is a long established fact that a</p>"
  id: 1
}

टेम्पलेट में मुझे सामग्री प्रदर्शित करनी चाहिए। लेकिन मैं lang को heading में संयोजित नहीं कर सकता। मैंने अलग-अलग तरीकों की कोशिश की लेकिन कुछ भी काम नहीं कर रहा है।

<template>
<h1 class="banner-title">{{banner.home.heading_+banner.home.lang}}</h1>
</template>

धन्यवाद

2
matheen ulla 27 नवम्बर 2021, 11:39

2 जवाब

सबसे बढ़िया उत्तर
<template>
<h1 class="banner-title">{{banner.home.heading_en}}{{banner.home.lang}}</h1>
</template>

संपादित करें: आवश्यकताओं को स्पष्ट करने के बाद

<template>
    <h1 class="banner-title">{{computedHeading}}</h1>
</template>

और अपनी स्क्रिप्ट में गणना की गई संपत्ति जोड़ें

computed: {
// a computed getter
  computedHeading: function () {
    if(this.banner.home.lang == "en"){
      return this.banner.home.heading_en
    }else{
      return this.banner.home.heading_ar
    } 
}

}

संपादित करें: ओपी ने कहा कि उसके पास कई भाषा अनुकूलन हैं

ध्यान दें कि इसे गणना की गई संपत्ति की आवश्यकता नहीं है, यदि आपका डेटा नहीं बदल रहा है तो इसे केवल एक बार सेट करें

computed: {
// a computed getter
  computedHeading: function () {
        let prefix = "heading_"
        let headingPath = prefix+this.banner.home.lang
        return this.banner.home[headingPath]
  }
}
1
Vojin Purić 27 नवम्बर 2021, 12:55
यह कैसे काम करेगा? मैं या तो हेडिंग_एन या हेडिंग_एआर प्रदर्शित करना चाहता हूं, दोनों नहीं
 – 
matheen ulla
27 नवम्बर 2021, 11:56
यह आपका प्रश्न नहीं था, मैं इसमें भी आपकी सहायता करने के लिए एक संपादन करूंगा
 – 
Vojin Purić
27 नवम्बर 2021, 12:09
मुझे जेसन कुंजी को जोड़ना होगा। उसके आधार पर मुझे मूल्य लेना चाहिए
 – 
matheen ulla
27 नवम्बर 2021, 12:12
गणना की गई संपत्ति ठीक काम कर रही है। लेकिन इसकी कई भाषाएं हैं इसलिए मुझे हर भाषा को शर्त देनी चाहिए।
 – 
matheen ulla
27 नवम्बर 2021, 12:50
आशा है कि यह नया संपादन आपके प्रश्न का उत्तर देगा। कृपया भविष्य में प्रश्न पूछते समय अपनी सभी आवश्यकताओं/परिदृश्यों को पहले ही बता दें
 – 
Vojin Purić
27 नवम्बर 2021, 12:57
With string interpolation {{`${banner.home.heading_} some text ${banner.home.lang}`}}
0
mianbato 27 नवम्बर 2021, 12:22
यह काम नहीं कर रहा है।
 – 
matheen ulla
27 नवम्बर 2021, 12:08
मुझे हाहाहा टेक्स्ट से बचने में समस्या हो रही है
 – 
mianbato
27 नवम्बर 2021, 12:12
मैंने इस तरह {{${banner.home.heading_+banner.home.lang}}} की कोशिश की लेकिन काम नहीं कर रहा था
 – 
matheen ulla
27 नवम्बर 2021, 12:15
${variable_or_function} टेक्स्ट स्थिर ${other_variable_or_function} उन उद्धरणों के बीच सब कुछ
 – 
mianbato
27 नवम्बर 2021, 12:18