Как привязать чекбокс к текстовому полю?

Question

[Андрей Александрович]

Приветствую вас, знатоки!)

Столкнулся с небольшой проблемой. Помогите, пожалуйста, разобраться.

Через v-for прогоняется массив объектов, получается вот такой UI:


Я не понимаю как сделать так, чтобы при выборе чекбокса записывалось выбран он или нет, а также к этому чекбоксу (его id) привязывалось значение текстового поля.

UPDATE:
Решение найдено!
jsFiddle

Comments

[Андрей Александрович]

Денис Ефремов, записывается все в data.params{}. Потом все данные из этого объекта передаются по ajax на сервер.

Просто v-model юзать не получится, т.к. данные динамические.

[Андрей Александрович]

Денис Ефремов, точно! Спасибо)

Answer 1

[Evgeny Kulakov]

А в чем проблема просто вот так написать: v-model="event.params.enable"?

Comments

[Андрей Александрович]

Так тогда придется в data прописывать все объекты v-model. Разве нет?

[Evgeny Kulakov]

Андрей Александрович, вы же уже поместили массив с ивентами в дату, связанные через v-model чекбоксы будут обновлять содержимое массива

[Evgeny Kulakov]

Денис Ефремов, причем тут это?)

[Андрей Александрович]

Evgeny Kulakov, удалось реализовать задумку!)
jsFiddle

[Evgeny Kulakov]

Андрей Александрович, ок, я это собственно и имел ввиду.

Answer 2

[alvvi]

https://forum.vuejs.org/t/v-model-with-dynamically...

you could pass an extra index parameter in v-for, like v-for=(param, index) in parameters. Then you could add the index to you v-model binding, like this: v-model="inputParams[index]'. I think that should work.