2.3.2
https://jsfiddle.net/frctmhLd/3/
Crie um slot com escopo usando oelemento, conforme necessário
Use adereços dinâmicos para definir a propriedade do slot no
Tente utilizar este slot
O slot está carregado e exibido corretamente
Propriedades dinâmicas não parecem funcionar nocomponente, então a propriedade "slot" está sendo definida como nula e não está sendo carregada
Não tenho certeza de como rotulá-lo assim, rotulando-o como melhoria e bug
@posva @sparamasivan Estou perdendo alguma coisa? Existem dois elementos raiz no componente pai, portanto, um erro é relatado.
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, desculpe, esqueci de atualizar o repro, sim, está errado, mas adicionar um único elemento raiz ainda mostra o problema (https://jsfiddle.net/frctmhLd/3/)
Eu também atualizei a demonstração aqui. https://jsfiddle.net/frctmhLd/4/
Parece ser um bug com slots de escopo.
Obrigado pessoal por consertar isso.
Comentários muito úteis
Eu também atualizei a demonstração aqui. https://jsfiddle.net/frctmhLd/4/
Parece ser um bug com slots de escopo.