Я застрял на 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
событий