Vue: स्कोप्ड स्लॉट्स के साथ काम नहीं करने वाले निर्देश के लिए v से प्राप्त डायनेमिक स्लॉट नाम

सुनिश्चित नहीं है कि इसे कैसे लेबल किया जाए, इसे सुधार और बग के रूप में लेबल किया जाए

@posva @sparamasivan क्या मुझे कुछ याद आ रहा है? मूल घटक में दो मूल तत्व होते हैं, इसलिए त्रुटि की सूचना दी जाती है।

Vue.component('parent', {
    template: '' +
        '<child>' +
        '<template :slot="test" scope="props">' +
            '<p>{{props.text}}</p>' +
        '</template>' +
      '</child>' +
        '<child>' +
        '<template v-for="slotName in slotNames" :slot="slotName" scope="props">' +
            '<p>{{props.text}}</p>' +
        '</template>' +
      '</child>',
    data: function () {
      return {
        slotNames: ["test", "test1", "test2"],
        test: 'test'
      }
    }
});

@defcc ओह, क्षमा करें, मैं

मैंने यहां डेमो भी अपडेट किया। https://jsfiddle.net/frctmhLd/4/

स्कोप स्लॉट्स के साथ एक बग लगता है।

इसे ठीक करने के लिए धन्यवाद दोस्तों।