带有 stylePanelLayout 的 Vue FilePond 错误

Question

许多 FilePond 属性似乎没有显示效果，但甚至有一些会导致组件无法使用。使用默认示例在 codepen 上进行了尝试。

只要我添加以下行： stylePanelLayout='紧凑的圆圈'

对于不再对文件选择做出反应的组件

<template>
  <div id="app">
    <file-pond
            name="test"
            ref="pond"
            allow-multiple="true"
            accepted-file-types="image/jpeg, image/png"
            v-bind:files="myFiles"
            stylePanelLayout='compact circle'

    />  </div>
</template>

您可以通过在 FilePond 的演示中添加这一行来尝试自己： https://codesandbox.io/s/github/KimGenius/Vue-FilePond-Live-Demo/tree/master/?from-embed

Answer 1

请将allow-multiple 设置为false 以解决此问题。从文档中可能不清楚这是必要的。