Vue fügt Requisiten in die Blade-Vorlage ein

Question

Ich habe eine Vue3-Anwendung auf Blade/Laravel installiert. In einer Blade-Vorlage habe ich eine Vue3-Komponente (zest-dropzone), in die ich einen Slot eingefügt habe:

<template>
...

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

<script>
...
</script>

In der Klingenvorlage habe ich Folgendes:

<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 ist eine weitere Komponente, die global registriert und technisch auf der Seite gerendert wird, aber egal was ich versuche, die Requisiten werden nie angezeigt.

In der Blade-Vorlage wird @{{ trysProps.type }} korrekt gerendert und der Werttyp ist in den hitProps vorhanden, aber wenn ich versuche, ihn an die nächste Komponente zu übergeben, wird er nicht übergeben und ich werde in der ZestDropzoneFilesPreview undefiniert .

Weiß jemand, wie man mit diesem Problem umgeht? Danke.

Answer 1

修复了这个问题，道具没有相应地传递（hitsProps -> attempts-props）。