Vue: El nombre de la ranura dinámica vinculado a la directiva v-for no funciona con las ranuras con ámbito

Creado en 5 may. 2017  ·  5Comentarios  ·  Fuente: vuejs/vue

Versión

2.3.2

Enlace de reproducción

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

pasos para reproducir

Cree una ranura con alcance usando el

¿Lo que es esperado?

La ranura está cargada y se muestra correctamente

¿Qué está pasando realmente?

Las propiedades dinámicas no parecen funcionar en el

bug improvement

Comentario más útil

También actualicé la demostración aquí. https://jsfiddle.net/frctmhLd/4/

Parece ser un error con las ranuras con alcance.

Todos 5 comentarios

No estoy seguro de cómo etiquetarlo, etiquetándolo como mejora y error.

@posva @sparamasivan ¿Me estoy perdiendo algo? Hay dos elementos raíz en el componente principal, por lo que se informa de un error.

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, lo siento, olvidé actualizar la reproducción, sí, está mal, pero agregar un único elemento raíz aún muestra el problema (https://jsfiddle.net/frctmhLd/3/)

También actualicé la demostración aquí. https://jsfiddle.net/frctmhLd/4/

Parece ser un error con las ranuras con alcance.

Gracias a todos por arreglar esto.

¿Fue útil esta página
0 / 5 - 0 calificaciones

Temas relacionados

lmnsg picture lmnsg  ·  3Comentarios

loki0609 picture loki0609  ·  3Comentarios

paceband picture paceband  ·  3Comentarios

aviggngyv picture aviggngyv  ·  3Comentarios

seemsindie picture seemsindie  ·  3Comentarios