Vue: Nama slot dinamis yang terikat dari v-for directive tidak berfungsi dengan slot terbatas

Dibuat pada 5 Mei 2017  ·  5Komentar  ·  Sumber: vuejs/vue

Versi: kapan

2.3.2

Tautan reproduksi

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

Langkah-langkah untuk mereproduksi

Buat slot terbatas menggunakan

Apa yang diharapkan?

Slot telah dimuat dan ditampilkan dengan benar

Apa yang sebenarnya terjadi?

Properti dinamis sepertinya tidak berfungsi pada file

bug improvement

Komentar yang paling membantu

Saya juga memperbarui demo di sini. https://jsfiddle.net/frctmhLd/4/

Sepertinya bug dengan slot terbatas.

Semua 5 komentar

Tidak yakin bagaimana memberi label demikian, memberi label sebagai perbaikan dan bug

@posva @sparamasivan Apakah saya melewatkan sesuatu? Ada dua elemen root dalam komponen induk, jadi kesalahan dilaporkan.

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, maaf, saya lupa memperbarui repro, ya, itu salah, tetapi menambahkan satu elemen root masih menunjukkan masalah (https://jsfiddle.net/frctmhLd/3/)

Saya juga memperbarui demo di sini. https://jsfiddle.net/frctmhLd/4/

Sepertinya bug dengan slot terbatas.

Terima kasih teman-teman untuk memperbaiki ini.

Apakah halaman ini membantu?
0 / 5 - 0 peringkat