Как выводить инпут напротив нужного чекбокса?

Question

[fisherspoons]

Всем привет, есть необходимость показывать инпуты напротив нужного чекбокса, не могу придумать как фиксировать их напротив нужного.

Codepen

Answer 1

[0xD34F]

data: () => ({
  items: Array.from({ length: 4 }, () => ({
    checked: false,
    value: '',
  })),
}),

<div v-for="(n, i) in items">
  <label>
    <input type="checkbox" v-model="n.checked">
    {{ i }}
  </label>
  <input v-if="n.checked" v-model="n.value">
</div>