Vue masukkan prop di dalam templat bilah
Saya mempunyai aplikasi Vue3 yang dipasang pada bilah/laravel. Dalam templat bilah saya mempunyai komponen Vue3 (zest-dropzone) di mana saya memasukkan slot:
<template> ... <slot name="hits" :button-label="buttonLabel" :files="files" :type="type" :state="state"></slot> </template> <script> ... </script>
Di dalam templat bilah saya mempunyai perkara berikut:
<zest-dropzone
accepted-files=".psd,application/pdf,audio/*,image/*,video/*"
button-label="{{ Lang::get('admin/button.edit') }}"
categories="{{ json_encode($categories) }}"
type="files">
<template #hits="hitsProps">
@{{ hitsProps.type }}
<zest-dropzone-files-preview :hitsProps="hitsProps" :button-label="buttonLabel" :files="files" :type="type" :state="state"></zest-dropzone-files-preview>
</template>
</zest-dropzone>
ZestDropzoneFilesPreview ialah komponen lain yang didaftarkan secara global dan dipaparkan secara teknikal pada halaman, tetapi tidak kira apa yang saya cuba, prop tidak pernah muncul.
Dalam templat bilah, @{{ attemptsProps.type }} dipaparkan dengan betul dan jenis nilai terdapat pada hitProps, tetapi apabila saya cuba menghantarnya ke komponen seterusnya, ia tidak lulus dan saya tidak dapat ditentukan dalam ZestDropzoneFilesPreview .
Ada sesiapa tahu bagaimana untuk menangani masalah ini? Terima kasih.
