如何在vue-formulate中将vue-select实现为字段？

问题描述

我试图了解如何将vue-select集成为vue-formulate中的字段。我需要在其中选择一个用于Ajax的字段，但无法达到此结果！谁能帮助我该怎么做？

解决方法

我有同样的问题，所以我创建了一个 Vue Formulate 插件：vue-formulate-select。如果您发现任何错误，请告诉我。

对于未来，您需要一个 custom input 以保持具有不同 UI 的公式化功能。

,

您可以尝试

<FormulateInput
  type="select"
  name="groupid"
  label="Groupid"
  validation="required"
  :options="resArr"
/>

如果resArr仅包含字符串或任何其他元素，则只需将从api获取的数组填充到resArr中。并且，如果数组由对象组成，则对象必须由label和value键组成。例如：在我的例子中，resArr由具有组名和组ID的对象组成，因此我想在下拉列表中显示组名，但是所选项目的值将是其各自的组ID，因此这里的label是组名， value是groupid。

resArr = [{label:'Group1',value:1},{label:'Group2',value:2}]