|
Not sure how to label it so, labelling it as improvement and bug |
|
@posva @sparamasivan Am I missing something? There are two root elements in the parent compoent, so an error is reported. 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 Oh, sorry, I forgot to update the repro, yeah, it's wrong, but adding a single root element still showcases the problem (https://jsfiddle.net/frctmhLd/3/) |
|
I also updated the demo here. https://jsfiddle.net/frctmhLd/4/ Seems to be a bug with scoped slots. |
Formed in 2009, the Archive Team (not to be confused with the archive.org Archive-It Team) is a rogue archivist collective dedicated to saving copies of rapidly dying or deleted websites for the sake of history and digital heritage. The group is 100% composed of volunteers and interested parties, and has expanded into a large amount of related projects for saving online and digital history.
0ccefff
|
Thank you folks for fixing this. |
sparamasivan commentedMay 5, 2017
•
edited by posva
Version
2.3.2
Reproduction link
https://jsfiddle.net/frctmhLd/3/
Steps to reproduce
Create a scoped slot using the element, as is necessary
Use dynamic props to set the slot property on the
Attempt to utilize this slot
What is expected?
The slot is loaded and display correctly
What is actually happening?
Dynamic properties don't seem to work on the component, so the "slot" property is getting set to null and it is not being loaded