私はリストを作成しています。カテゴリがあり、各カテゴリには介入があり、問題に対応するものに基づいてチェックする必要があります。
CheckList.vue
最初のラジオ オプションを選択するときは問題ありません。問題は、2 行目の 2 番目のラジオ オプションである介入 2 を選択すると、最初のラジオ オプションが選択解除されることです。
https://codepen.io/lucascardemil/pen/GRMejWK
このデータを取得するにはどうすればよいですか
ラジオは同じ名前を持っているため、existe という名前のラジオを含む各行はラジオ グループのように動作するため、1 つだけが選択されます。
existe
つまり、各行のラジオ ボタン グループに異なる名前を割り当てる必要があります。必要に応じて、各介入に対応するモデル バインディングが正しく保存されるように、モデル バインディングを変更する必要もあります。
以下は、参考用の vuejs 2 のサンプル コードです。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
ラジオは同じ名前を持っているため、
existeという名前のラジオを含む各行はラジオ グループのように動作するため、1 つだけが選択されます。つまり、各行のラジオ ボタン グループに異なる名前を割り当てる必要があります。必要に応じて、各介入に対応するモデル バインディングが正しく保存されるように、モデル バインディングを変更する必要もあります。
以下は、参考用の vuejs 2 のサンプル コードです。
リーリー