困っていること
追加されたラジオボタンも、初期表示されているラジオボタンと同じnameを持つため、
選択した際に「全てのラジオボタンの中で1つ」しか選択できない状態
わからないこと
サンプルコードのように、追加するボタンによって 「任意に追加されるラジオボタン」
に対して、一意なname属性を付与する方法がわかりません。
サンプルコード
<div v-for="item in itemsRadio" :key="item"> <label> <input type="radio" name="item"> </label> <label> <input type="radio" name="item"> </label> </div> <button @click="addRadio">ラジオボタンを複製する</button> export default { data() { return { itemsRadio: 1, }; }, methods: { addRadio() { this.itemsRadio += 1; }, }, }
実現したいこと
追加するボタンによって 「任意に追加されるラジオボタン」に対して、
一意なname属性を付与したい。
※例
あなたの回答
tips
プレビュー