Level 47
because you need to define the variables first. Otherwise v-model cannot find it to add
Dec 6, 2022
4
Level 2
how add dynamic v-model
<div v-for="(q, index) in questions" >
<BreezeLabel for="name" />{{q.question}}
<BreezeInput
:id="'q_' + q.id"
type="number"
class="mt-1 block w-full"
:v-model="'q_' + q.id"
/>
</div>
Issue is if I add `:v-model` the value is `null` on submit and if I use `v-model` then dynamic variable `"'q_' + q.id"` cannot be added and gives vue compilation error
Level 2
@MaverickChan how to declare variable above
Level 47
@muazzamazaz i would say , you need to pass the id as a property, then in the input component , you can use v-model , then emit to parent component.
Level 2
@MaverickChan not using vue component, its just a single input inside array iteration
Please or to participate in this conversation.