vuejsでラジオボタンを他のボタンから独立させる方法

Question

私はリストを作成しています。カテゴリがあり、各カテゴリには介入があり、問題に対応するものに基づいてチェックする必要があります。

CheckList.vue

リーリー

最初のラジオ オプションを選択するときは問題ありません。問題は、2 行目の 2 番目のラジオ オプションである介入 2 を選択すると、最初のラジオ オプションが選択解除されることです。

https://codepen.io/lucascardemil/pen/GRMejWK

このデータを取得するにはどうすればよいですか

Answer 1

ラジオは同じ名前を持っているため、existe という名前のラジオを含む各行はラジオ グループのように動作するため、1 つだけが選択されます。

つまり、各行のラジオ ボタン グループに異なる名前を割り当てる必要があります。必要に応じて、各介入に対応するモデル バインディングが正しく保存されるように、モデル バインディングを変更する必要もあります。

以下は、参考用の vuejs 2 のサンプル コードです。

リーリー