vue.js - 如何将 vue-select 实现为 vue-formulate 中的字段？

Question

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

Answer 1

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

将来，您需要一个自定义输入，以便使用不同的 UI 保持“公式化”功能。

Answer 2

你可以试试这个

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

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

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