2.3.2
https://jsfiddle.net/frctmhLd/3/
Erstellen Sie einen Slot mit Gültigkeitsbereich mitElement, wie es notwendig ist
Verwenden Sie dynamische Requisiten, um die Slot-Eigenschaft auf dem festzulegen
Versuchen Sie, diesen Steckplatz zu nutzen
Der Steckplatz ist geladen und wird korrekt angezeigt
Dynamische Eigenschaften scheinen auf dem nicht zu funktionierenKomponente, daher wird die Eigenschaft "slot" auf null gesetzt und nicht geladen
Ich bin mir nicht sicher, wie ich es so kennzeichnen soll, und beschrifte es als Verbesserung und Fehler
@posva @sparamasivan Vermisse ich etwas? Die übergeordnete Komponente enthält zwei Stammelemente, sodass ein Fehler gemeldet wird.
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, ich habe vergessen, den Repro zu aktualisieren, ja, es ist falsch, aber das Hinzufügen eines einzelnen Root-Elements zeigt immer noch das Problem (https://jsfiddle.net/frctmhLd/3/).
Ich habe auch die Demo hier aktualisiert. https://jsfiddle.net/frctmhLd/4/
Scheint ein Fehler mit Slots mit Gültigkeitsbereich zu sein.
Vielen Dank, dass Sie das Problem behoben haben.
Hilfreichster Kommentar
Ich habe auch die Demo hier aktualisiert. https://jsfiddle.net/frctmhLd/4/
Scheint ein Fehler mit Slots mit Gültigkeitsbereich zu sein.