Vue: पोते के नेस्टेड स्लॉट के लिए घटक को पास करना डिफ़ॉल्ट स्लॉट में हल होगा।

को निर्मित 3 नव॰ 2017 · 5टिप्पणियाँ · स्रोत: vuejs/vue

संस्करण

2.5.2 है

प्रजनन लिंक

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

मेरा उपयोग मामला यह है कि मेरे पास टूलबार और मुख्य सामग्री आवरण के साथ एक डिफ़ॉल्ट लेआउट है। लेकिन कुछ पृष्ठों के लिए SearchBar और कुछ नहीं होते हैं, और लेआउट के विभिन्न स्तर हो सकते हैं।

इसलिए मैंने अन्य लेआउट के उपयोग के लिए आधार के रूप में LayoutDefault नामक एक घटक बनाया। और क्योंकि मैं आवश्यकता होने पर डिफ़ॉल्ट टूलबार को बदलने में सक्षम होना चाहता हूं, मैंने डिफ़ॉल्ट टूलबार को <slot name="toolbar"> में Toolbar साथ कमबैक सामग्री के रूप में रखा।

सांकेतिक टुकड़ा:

// LayoutDefault.vue
<slot name="toolbar">
  <Toolbar title="title from layout-inner">
    <slot name="toolbarSlot"></slot>
  </Toolbar>
</slot>

मैं इस तरह के घटक बनाता हूं क्योंकि मैं इसमें सक्षम होना चाहता हूं:

यदि आवश्यक हो तो डिफ़ॉल्ट टूलबार को बदलें।
डिफ़ॉल्ट टूलबार का उपयोग करना, लेकिन इसके स्लॉट में चीजें पास करें ( "toolbarSlot" ऊपर के उदाहरण में)

और फिर अन्य लेआउट घटकों में, मैं यह करता हूं:

// LayoutLv1.vue
<div class="layout">
  <LayoutDefault>
    <slot name="toolbar" slot="toolbar"></slot>
    <slot name="toolbarSlot" slot="toolbarSlot"></slot>
    <slot>default content from Layout</slot>
  </LayoutDefault>
</div>

जैसा कि आप देख सकते हैं, पोते के स्लॉट्स के घटकों को पास करने के लिए, मैंने इस पैटर्न का उपयोग किया: <slot name="foo" slot="foo"> ।

किसी कारण से, इस पैटर्न का उपयोग करके पारित किए गए घटकों को डिफ़ॉल्ट स्लॉट में पास किया जाएगा यदि कोई है।

प्रजनन में उदाहरण 2, 3 और 4 देखें।

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

मुझे उम्मीद है कि जब कोई भी नामांकित स्लॉट को पारित नहीं किया जाता है, तो फ़ॉलबैक सामग्री प्रस्तुत की जाएगी, इसके स्लॉट भी।

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

उदाहरण 2 में, प्रतिस्थापित Toolbar को LayoutDefault के डिफ़ॉल्ट स्लॉट में प्रदान किया गया है।

उदाहरण 3 और 4 में, SearchBar slot="toolbarSlot" , लेकिन प्रदान नहीं किए जाते हैं।

क्या यह अपेक्षित व्यवहार है?
या अगर मेरे लिए प्रत्येक डिफ़ॉल्ट भागों के साथ इस तरह के पुन: प्रयोज्य लेआउट बनाने का एक तरीका है, और डिफ़ॉल्ट भागों का उपयोग करते हुए, उनके (डिफ़ॉल्ट भागों) स्लॉट में घटकों को पारित करने में सक्षम हो सकता है?

bug

स्रोत