2.6.10
https://github.com/tbutcaru/v-issue-multiple-dynamic-slot-names
npm install
npm run serve
Beberapa nama slot dinamis harus berfungsi seperti yang diharapkan.
Kesalahan berikut terjadi:
Invalid dynamic argument expression: attribute names cannot contain spaces, quotes, <, >, / or =.#[headerslot]>Header slot</template>
Default slot
<template #[footerslot]
Jika salah satu nama slot dinamis dibuat statis (tidak masalah yang mana), aplikasi tersebut berfungsi.
node_modules/vue-template-compiler/build.js
attrs.forEach(function (attr) {
) ditambahkan peringatan berikut:warn$1('--------------->> ' + attr.name);
#[headerslot]
#[headerslot]>Header slot</template>
Default slot
<template #[footerslot]
Jadi, sepertinya compiler tidak mengetahui cara mengekstrak atribut hanya jika ada beberapa nama slot dinamis.
Singkatan hanya tersedia jika argumen diberikan. Coba gunakan:
<template v-slot:[dynamicSlotName]>
...
</template>
Singkatan hanya tersedia jika argumen diberikan. Coba gunakan:
<template v-slot:[dynamicSlotName]> ... </template>
Saya sudah mencobanya sebelum membuat masalah dan hasilnya sama 😞
Halo semuanya!
Apa yang baru tentang ini? Saya masih memiliki masalah di 2.6.11 mereproduksi di sini
Setelah banyak mencoba, saya menemukan cara untuk membuat slot multi dinamis berfungsi. Ketika saya menambahkan kunci ke elemen root dari templat slot dinamika, itu akan berfungsi:
ini tidak berhasil: buat ulang di sini
<template #[slot1]>
<p>slot test</p>
</template>
<template #[slot2]>
<p>slot test2</p>
</template>
// got "Invalid dynamic argument expression: attribute names cannot contain spaces, quotes, <, >, / or ="
pekerjaan ini: mereproduksi di sini
<template #[slot1]>
<p key="1">slot test</p>
</template>
<template #[slot2]>
<p key="2">slot test2</p>
</template>
// work fine
Mengapa saya perlu menambahkan kunci agar berfungsi? Saya melewatkan sesuatu.
Solusi @ davis90 berhasil untuk saya. Saya tidak mengerti mengapa itu berhasil juga.
Mengapa kesalahan begitu menyesatkan dalam vue. Terima kasih, meskipun solusi Anda berhasil
Komentar yang paling membantu
Setelah banyak mencoba, saya menemukan cara untuk membuat slot multi dinamis berfungsi. Ketika saya menambahkan kunci ke elemen root dari templat slot dinamika, itu akan berfungsi:
ini tidak berhasil: buat ulang di sini
pekerjaan ini: mereproduksi di sini
Mengapa saya perlu menambahkan kunci agar berfungsi? Saya melewatkan sesuatu.