Vue: एकाधिक डायनेमिक स्लॉट नामों का उपयोग करने में त्रुटि (अमान्य डायनामिक तर्क अभिव्यक्ति)

को निर्मित 27 मार्च 2019 · 7टिप्पणियाँ · स्रोत: vuejs/vue

संस्करण

2.6.10

प्रजनन लिंक

https://github.com/tbutcaru/v-issue-multiple-dynamic-slot-names

प्रजनन करने कि प्रक्रिया

क्लोन इस रेपो: https://github.com/tbutcaru/v-issue-multiple-dynamic-slot-names
भागो: npm install
भागो: npm run serve

क्या उम्मीद है?

एकाधिक डायनेमिक स्लॉट नाम अपेक्षित रूप से काम करना चाहिए।

वास्तव में क्या हो रहा है?

निम्न त्रुटि दी गई है:

Invalid dynamic argument expression: attribute names cannot contain spaces, quotes, <, >, / or =.#[headerslot]>Header slot</template>
    Default slot
    <template #[footerslot]

यदि डायनामिक स्लॉट नामों में से एक को स्थिर बना दिया जाता है (इससे कोई फर्क नहीं पड़ता), तो एप्लिकेशन काम कर रहा है।

मेरी जांच

फ़ाइल: node_modules/vue-template-compiler/build.js
पंक्ति: 2563 ( attrs.forEach(function (attr) { अंदर) ने निम्नलिखित चेतावनी दी:

warn$1('--------------->> ' +  attr.name);

जांच के परिणाम:

केवल एक डायनेमिक स्लॉट नाम के साथ कार्य परिदृश्य में: उस डायनेमिक स्लॉट नाम का मूल्य #[headerslot]
दो डायनेमिक स्लॉट नामों के साथ त्रुटि परिदृश्य में: पहला डायनेमिक स्लॉट नाम का मान है

#[headerslot]>Header slot</template>
    Default slot
    <template #[footerslot]

तो, ऐसा लग रहा है कि कंपाइलर को पता नहीं है कि मल्टीपल डायनमिक स्लॉट नाम होने पर सिर्फ एट्रिब्यूट कैसे निकाला जाता है।

bug has PR

स्रोत

tbutcaru

👍5

सबसे उपयोगी टिप्पणी

कई कोशिशों के बाद, मुझे मल्टी डायनेमिक स्लॉट्स बनाने का एक तरीका मिला। जब मैं डायनामिक्स स्लॉट टेम्प्लेट के रूट एलीमेंट में कुंजियाँ जोड़ता हूँ, तो यह काम में आता है:

यह काम नहीं करता है: यहां पुन :

   <template #[slot1]>
       <p>slot test</p>
   </template>
   <template #[slot2]>
       <p>slot test2</p>
    </template>

// got "Invalid dynamic argument expression: attribute names cannot contain spaces, quotes, <, >, / or ="

इस काम: यहाँ पुन :

   <template #[slot1]>
       <p key="1">slot test</p>
   </template>
   <template #[slot2]>
       <p key="2">slot test2</p>
    </template>

// work fine

मुझे इसे बनाने के लिए कुंजियाँ जोड़ने की आवश्यकता क्यों है? मुझे कुछ याद आया।

davis90 22 जन॰ 2020

❤4

सभी 7 टिप्पणियाँ

प्रजनन

Justineo 27 मार्च 2019

👍2

शॉर्टहैंड केवल तब उपलब्ध होता है जब कोई तर्क प्रदान किया जाता है। उपयोग करने का प्रयास करें:
<template v-slot:[dynamicSlotName]> ... </template>

michalzaq12 28 मार्च 2019

शॉर्टहैंड केवल तब उपलब्ध होता है जब कोई तर्क प्रदान किया जाता है। उपयोग करने का प्रयास करें:
<template v-slot:[dynamicSlotName]> ... </template>

मैंने कोशिश की है कि मुद्दा बनाने से पहले और परिणाम वही the हो

tbutcaru 28 मार्च 2019

👀1

हेलो सब लोग!

इसमें नया क्या है? मुझे अभी भी यहाँ 2.6.11 में समस्या

davis90 22 जन॰ 2020

यह काम नहीं करता है: यहां पुन :

   <template #[slot1]>
       <p>slot test</p>
   </template>
   <template #[slot2]>
       <p>slot test2</p>
    </template>

// got "Invalid dynamic argument expression: attribute names cannot contain spaces, quotes, <, >, / or ="

इस काम: यहाँ पुन :

   <template #[slot1]>
       <p key="1">slot test</p>
   </template>
   <template #[slot2]>
       <p key="2">slot test2</p>
    </template>

// work fine

davis90 22 जन॰ 2020

❤4

@ davis90 के समाधान ने मेरे लिए काम किया। मुझे नहीं लगता कि यह क्यों काम करता है।

SreeChandan 8 जून 2020

क्यों गलतियाँ इतनी भ्रामक हैं। धन्यवाद हालांकि आपका समाधान काम कर गया

Moizsohail 20 जुल॰ 2020

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Vue: एकाधिक डायनेमिक स्लॉट नामों का उपयोग करने में त्रुटि (अमान्य डायनामिक तर्क अभिव्यक्ति)

संस्करण

प्रजनन लिंक

प्रजनन करने कि प्रक्रिया

क्या उम्मीद है?

वास्तव में क्या हो रहा है?

मेरी जांच

जांच के परिणाम:

सबसे उपयोगी टिप्पणी

सभी 7 टिप्पणियाँ

संबंधित मुद्दों