Как указать составной v-model в цикле?

Question

[evomed]

Мне нужно подставить в v-model инфу из цикла.

<FormKit v-for="deadline_type in data.deadline_types" key="deadline_type.id"
                               type="date"
                               v-model="form+deadline_type.code"
                               :label="deadline_type.name"
                      />

Примерно здесь указал. Т.е. мне нужно обратиться например к v-model="form.final_deadline", где наименование "final_deadline" содержится в deadline_type.code. Как это можно сделать?
VUE3

Answer 1

[Николай]

<FormKit v-for="(deadline_type, idx) in data.deadline_types" key="deadline_type.id"
                               type="date"
                               v-model="form[idx]deadline_type.code"
                               :label="deadline_type.name"
                      />

Как-то так, у вас form ? это массив со значениями ?
Можно пример, что такое form ?

Идея заключается в том, что вам по индексу надо обратиться к массиву, в котором вы хотите что-то менять

Comments

[evomed]

Form это объект

const form = useForm({
    title: '',
final_deadline: ''
});

Например v-model="form.final_deadline" будет реактивно связано с полем final_deadline

[Николай]

хм, тут скорее всего надо вам сделать обертку компонент, который будет поля ловить, так как цикл не знает ничего о том, какие поля связать.
Можно сделать метод, - в который вы передаете значение через :value, второй метод на измениение,через v-on - ведь v-model это сахар над этими параметрами, и передавая значения, в методах можете назначать и получать эти значения.

<FormKit v-for="(deadline_type, idx) in data.deadline_types" key="deadline_type.id"
                               type="date"
                               :value="method(deadlineType)"
                               @change=meеhodChange(deadlineType)
                               :label="deadline_type.name"
                      />

У вас какая библиотека компонентов ? Скорее всего там есть события эти

[evomed]

Николай, цикл знает какие поля менять, они указаны в deadline_type.code. code - это название поля. Я не знаю как его технически указать в v-model. чтобы типа form.code

[Николай]

у вас в form должны быть уже все поля сделанные, дальше, я же вам написал, надо метод
в котором вы будете получать аргумент кода и присваивать его в form
для значения, так же, метод, который по коду будет обновлять ваше значение

const form = useForm({
    title: '',
final_deadline: ''
..... все ваши коды
});

[evomed]

Николай, получилось с указанием в массиве v-model="form[deadline_type.code]" спасибо

[Николай]

evomed, ПОжалуйста )