Vue: Le nom d'emplacement dynamique lié à la directive v-for ne fonctionne pas avec les emplacements étendus

Créé le 5 mai 2017  ·  5Commentaires  ·  Source: vuejs/vue

Version

2.3.2

Lien de reproduction

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

Étapes à suivre pour reproduire

Créez un emplacement avec portée à l'aide du

Qu'attend-on?

La fente est chargée et s'affiche correctement

Que se passe-t-il réellement?

Les propriétés dynamiques ne semblent pas fonctionner sur

bug improvement

Commentaire le plus utile

J'ai également mis à jour la démo ici. https://jsfiddle.net/frctmhLd/4/

Semble être un bug avec les emplacements à portée.

Tous les 5 commentaires

Je ne sais pas comment l'étiqueter ainsi, l'étiquetant comme une amélioration et un bug

@posva @sparamasivan Suis-je en

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, désolé, j'ai oublié de mettre à jour la repro, oui, c'est faux, mais l'ajout d'un seul élément racine présente toujours le problème (https://jsfiddle.net/frctmhLd/3/)

J'ai également mis à jour la démo ici. https://jsfiddle.net/frctmhLd/4/

Semble être un bug avec les emplacements à portée.

Merci à tous d'avoir résolu ce problème.

Cette page vous a été utile?
0 / 5 - 0 notes