vue.js - 带有 stylePanelLayout 的 Vue FilePond 错误

Question

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

只要我添加以下行： stylePanelLayout='compact circle'

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

<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解决问题。从文档中可能不清楚这是必要的。