Vue insérer des accessoires à l'intérieur du modèle de lame

Question

J'ai une application Vue3 installée sur blade/laravel. Dans un template blade j'ai un composant Vue3 (zest-dropzone) dans lequel j'ai inséré un slot :

<template>
...

<slot name="hits" :button-label="buttonLabel" :files="files" :type="type" :state="state"></slot>
</template>

<script>
...
</script>

À l'intérieur du modèle de lame, j'ai ce qui suit :

<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 est un autre composant enregistré globalement et techniquement rendu sur la page, mais peu importe ce que j'essaye, les accessoires n'apparaissent jamais.

Dans le modèle de lame, @{{ tentesProps.type }} s'affiche correctement et le type de valeur est présent sur les hitProps, mais lorsque j'essaie de le transmettre au composant suivant, il ne passe pas et je ne suis pas défini dans ZestDropzoneFilesPreview .

Est-ce que quelqu'un sait comment résoudre ce problème ? Merci.

Answer 1

Correction du problème où les accessoires n'étaient pas transmis en conséquence (hitsProps -> tentatives-props).