Захват нескольких значений из ввода выбора Vue Formulate

Я застрял на VueFormulate, в частности, я хотел бы заполнить массив из компонента <FormulateInput type="select" name="products">. Эта идея должна заключаться в том, что каждый раз, когда вы выбираете опцию, эта опция должна переходить в массив products модели, привязанной к <FormulateForm v-model="user">, но вместо этого products просто становится примитивным целым числом, а не массивом.

Позвольте мне показать вам код из SFC самой формы

<template>
  <FormulateForm v-model="user" name="example" @submit="performSomething">

   <!-- Other fields working fine !-->

   <FormulateInput
        type="select"
        name="products"
        :label="$t('form.inputs.products.label')"
        :placeholder="$t('form.inputs.products.placeholder')"
        :options="products.map(p => ({ label: p.name, value: p.id }))"
      />

  </Formulateform>
</template>

props: {
   products: Array
}

// User model bound to Formulateform

data: () => ({
    user: {
      name: "",
      description: "",
      products: [], // This should be populated by the select box
    },
  }),

Ожидаемое поведение должно заключаться в том, что user.products заполняется идентификаторами из выбора на каждом входе, но вместо этого он просто заменяет массив идентификатором первого выбора. Конечно, мне чего-то не хватает, но я не понимаю, что, в документации упоминается, что у каждого FormulateInput есть событие @input, но я не могу его использовать, потому что даже сам запускается только один раз, тогда я получаю только FormulateForm событий


person Claudio Ludovico Panetta    schedule 18.11.2020    source источник


Ответы (1)


Оказывается, это была моя вина, как удивительно. Подробнее о решении здесь: https://github.com/wearebraid/vue-formulate/issues/318

person Claudio Ludovico Panetta    schedule 18.11.2020