FilePond for Vue / Nuxt：动态设置服务器属性？答案

【问题标题】：FilePond for Vue / Nuxt : Server property set dynamically?FilePond for Vue / Nuxt：动态设置服务器属性？
【发布时间】：2021-07-07 12:38:55
【问题描述】：

小问题：

<file-pond
  name="customImage"
  ref="pond"
  label-idle="Déposez votre image ici"
  :allow-multiple="false"
  accepted-file-types="image/jpeg, image/png"
  server="http://localhost:3000'"
  :files="custom.customImage"
  @init="handleFilePondInit"
/>

是否可以动态设置服务器值？例如：

v-server="apiUrl+'/api/v1/upload'"

【问题讨论】：

我已经用一些代码高亮编辑了您的答案，并将通常的 v-on 替换为 @ 和 v-bind 替换为 :。这些是快捷方式，如下所示：vuejs.org/v2/guide/syntax.html#Shorthands 希望没问题，如果需要，请随时回滚。

标签： vue.js server nuxt.js filepond

【解决方案1】：

试试这个

:server="`${apiUrl}/api/v1/upload`"

我正在使用:server，但它可以写成v-bind:server 和ES6 Template literals 以获得更好看的插值。

【讨论】：

非常感谢Kissu！
@VinParker 我的快乐人！享受你的一天。