Vue: Имя динамичСского слота, связанноС с Π΄ΠΈΡ€Π΅ΠΊΡ‚ΠΈΠ²ΠΎΠΉ v-for, Π½Π΅ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ со слотами с Π·Π°Π΄Π°Π½Π½ΠΎΠΉ ΠΎΠ±Π»Π°ΡΡ‚ΡŒΡŽ

Π‘ΠΎΠ·Π΄Π°Π½Π½Ρ‹ΠΉ Π½Π° 5 мая 2017  Β·  5ΠšΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ  Β·  Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ: vuejs/vue

ВСрсия

2.3.2

Бсылка для воспроизвСдСния

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

ДСйствия ΠΏΠΎ Π²ΠΎΡΠΏΡ€ΠΎΠΈΠ·Π²Π΅Π΄Π΅Π½ΠΈΡŽ

Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ слот с ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½Π½Ρ‹ΠΌ объСмом, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ

Π§Ρ‚ΠΎ оТидаСтся?

Π‘Π»ΠΎΡ‚ Π·Π°Π³Ρ€ΡƒΠΆΠ΅Π½ ΠΈ отобраТаСтся ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ

Π§Ρ‚ΠΎ Π½Π° самом Π΄Π΅Π»Π΅ происходит?

ДинамичСскиС свойства Π½Π΅ Ρ€Π°Π±ΠΎΡ‚Π°ΡŽΡ‚ Π½Π°

Π‘Π°ΠΌΡ‹ΠΉ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹ΠΉ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ

Π― Ρ‚Π°ΠΊΠΆΠ΅ ΠΎΠ±Π½ΠΎΠ²ΠΈΠ» Π΄Π΅ΠΌΠΎ здСсь. https://jsfiddle.net/frctmhLd/4/

ΠšΠ°ΠΆΠ΅Ρ‚ΡΡ, это ошибка со слотами с ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½Π½ΠΎΠΉ ΠΎΠ±Π»Π°ΡΡ‚ΡŒΡŽ видимости.

ВсС 5 ΠšΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ

НС знаю, ΠΊΠ°ΠΊ это ΠΎΠ±ΠΎΠ·Π½Π°Ρ‡ΠΈΡ‚ΡŒ, ΠΎΠ±ΠΎΠ·Π½Π°Ρ‡ΠΈΠ² это ΠΊΠ°ΠΊ ΡƒΠ»ΡƒΡ‡ΡˆΠ΅Π½ΠΈΠ΅ ΠΈ ΠΎΡˆΠΈΠ±ΠΊΡƒ.

@posva @sparamasivan Π― Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ

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 Ой, ΠΈΠ·Π²ΠΈΠ½ΠΈΡ‚Π΅, я Π·Π°Π±Ρ‹Π» ΠΎΠ±Π½ΠΎΠ²ΠΈΡ‚ΡŒ Ρ€Π΅ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ†ΠΈΡŽ, Π΄Π°, это Π½Π΅ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ, Π½ΠΎ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΊΠΎΡ€Π½Π΅Π²ΠΎΠ³ΠΎ элСмСнта всС Π΅Ρ‰Π΅ дСмонстрируСт ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡƒ (https://jsfiddle.net/frctmhLd/3/)

Π― Ρ‚Π°ΠΊΠΆΠ΅ ΠΎΠ±Π½ΠΎΠ²ΠΈΠ» Π΄Π΅ΠΌΠΎ здСсь. https://jsfiddle.net/frctmhLd/4/

ΠšΠ°ΠΆΠ΅Ρ‚ΡΡ, это ошибка со слотами с ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½Π½ΠΎΠΉ ΠΎΠ±Π»Π°ΡΡ‚ΡŒΡŽ видимости.

Бпасибо, рСбята, Ρ‡Ρ‚ΠΎ это исправили.

Π‘Ρ‹Π»Π° Π»ΠΈ эта страница ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠΉ?
0 / 5 - 0 Ρ€Π΅ΠΉΡ‚ΠΈΠ½Π³ΠΈ