Vue masukkan prop di dalam templat bilah

Question

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.

Answer 1

Memperbaiki isu di mana prop tidak diluluskan dengan sewajarnya (hitsProps -> attempts-props).