Vue: O nome do slot dinâmico vinculado à diretiva v-for não funciona com slots com escopo definido

Criado em 5 mai. 2017  ·  5Comentários  ·  Fonte: vuejs/vue

Versão

2.3.2

Link de reprodução

https://jsfiddle.net/frctmhLd/3/

Passos para reproduzir

Crie um slot com escopo usando o

O que é esperado?

O slot está carregado e exibido corretamente

O que realmente está acontecendo?

Propriedades dinâmicas não parecem funcionar no

bug improvement

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.

Todos 5 comentários

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.

Esta página foi útil?
0 / 5 - 0 avaliações