Vue: Dynamischer Steckplatzname, gebunden an die v-for-Direktive, funktioniert nicht mit Steckplätzen mit Gültigkeitsbereich

Erstellt am 5. Mai 2017  ·  5Kommentare  ·  Quelle: vuejs/vue

Ausführung

2.3.2

Reproduktionslink

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

Schritte zum Reproduzieren

Erstellen Sie einen Slot mit Gültigkeitsbereich mit

Was wird erwartet?

Der Steckplatz ist geladen und wird korrekt angezeigt

Was passiert eigentlich?

Dynamische Eigenschaften scheinen auf dem nicht zu funktionieren

bug improvement

Hilfreichster Kommentar

Ich habe auch die Demo hier aktualisiert. https://jsfiddle.net/frctmhLd/4/

Scheint ein Fehler mit Slots mit Gültigkeitsbereich zu sein.

Alle 5 Kommentare

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.

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen