Javascript 带有v-for和v-model复选框的Vuejs在取消选中后无法清除，然后重新检查

我有以下表格

<tr v-for="(check, key) in checklistitems ">
  <td>
    <input type="radio" v-model="items_form.yes[key]" :value="check.id" :name="radioname(check)" />
  </td>
  <td>
    <input type="radio" v-model="items_form.no[key]" :value="check.id" :name="radioname(check)" />
  </td>
  <td>
    <input v-model="items_form.comment[key]" type="text" />
  </td>
  <td>
    <input v-model="items_form.date_expiry[key]" type="text" />
  </td>
</tr>

注释工作正常，但单选按钮失败

这样，当我第一次检查

yes

收音机时，它会正确设置值；当我检查

no

时，它仍会检查值，但不会清除以前的

yes

值

---

我还需要补充什么？

您为两个收音机输入提供了不同的型号，这就是它无法工作的原因

为了能够“切换”或切换一个或另一个，它们应该具有相同的模型，并且只有值应该不同，如图所示

所以，用这个代替

<td>
  <input type="radio" v-model="items_form.no[key]" value="yes"/>
</td>
<td>
  <input type="radio" v-model="items_form.no[key]" value="no"/>
</td>

---

单选按钮是互斥的；您需要将每个单选按钮的

v-model

绑定到相同的数据属性（除非我弄错了）。

<td>
  <input type="radio" v-model="items_form.no[key]" value="yes"/>
</td>
<td>
  <input type="radio" v-model="items_form.no[key]" value="no"/>
</td>