Как реализовать vue-select как поле в vue-formulate?

Я пытаюсь понять, как я могу интегрировать vue-select как поле в vue-formulate. Мне нужно поле выбора для ajax внутри него, но у меня проблемы с достижением этого результата! Может ли кто-нибудь помочь мне в том, как мне это сделать?


vue.js vue-select vue-formulate
person Marcos Ferreira    schedule 25.10.2020    source источник

Ответы (2)


arrow_upward
2
arrow_downward

У меня был тот же вопрос, поэтому я создал плагин Vue Formulate: vue-formulate- выберите. Скажите мне, если вы обнаружите какие-либо ошибки.

В будущем вам понадобится пользовательский ввод , чтобы сохранить функциональность Formulate с другим пользовательским интерфейсом.

person J Eti    schedule 05.02.2021

arrow_upward
0
arrow_downward

Вы можете попробовать это

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

Также, если resArr содержит только строку или любые другие элементы, просто заполните массив, полученный из api, в resArr. И если массив состоит из объектов, то объект должен состоять из label и value ключей. Например: в моем случае resArr состоял из объектов, у которых было имя группы и идентификатор группы, поэтому я хотел отобразить имя группы в раскрывающемся списке, но значением выбранного элемента будет соответствующий идентификатор группы, поэтому здесь label было именем группы, а value было идентификатором группы .

resArr = [{label:'Group1',value:1},{label:'Group2',value:2}]
person beingyogi    schedule 25.10.2020
comment
Извините, но я не мог понять. Я пытался следовать этой строке, но не могу выполнить событие для обновления этого массива. Очевидно, нет триггера события для поиска при выборе. Мне нужно найти вызов ajax. Вы можете привести мне пример этой части логики? - person Marcos Ferreira; 26.10.2020
comment
Вы можете добавить в вопрос код своего компонента, и тогда я скажу вам, в чем ошибка. Или вы можете следовать документам - person beingyogi; 26.10.2020