Vue.js 从另一个按钮中取消选中vue单选按钮

我有一个记录列表表，每条记录有两个相关单选按钮，一个用于确认付款，另一个用于拒绝，当我选择任何单选按钮时，我会看到一个模式屏幕，其中有两个按钮，一个用于确定付款，另一个用于取消，如果标记了错误的单选按钮，我需要的是，当我点击cancel按钮时，我最初标记的单选按钮被取消选中

这是我在Vue中的代码：

<v-col class="text-center">                           
                  <span class="radio-registered pt-1 px-1">
                    <input type="radio" 
                    @change="dlgComments = !dlgComments; setUpdateData(1, 2, flt.user_payment_id, flt.payment_amount, flt.pay_date, flt.email, flt.user_name, flt.due_concept, flt.payment_reference, flt.student_due_detail_id); sendInfo(flt), sendInputId(`filter${f}`)" 
                    :name="`filter${f}`" 
                    :checked="false">
                  </span>           
                </v-col>

                <v-col class="text-center">         
                  <span class="radio-rejected pt-1 px-1">
                    <input type="radio" 
                    @change="dlgComments = !dlgComments; setUpdateData(2, 3, flt.user_payment_id, flt.payment_amount, flt.pay_date, flt.email, flt.user_name, flt.due_concept, flt.payment_reference, flt.student_due_detail_id); sendInfo(flt)" 
                    :name="`filter${f}`" 
                    :checked="false">
                  </span>     
                </v-col>
              </v-row>

我是Vue的新手，不知道应该添加哪些属性。谢谢对不起我的英语

您需要在数据中添加密钥来管理收音机的已检查状态，例如“isChecked”：

data () {
 return {
   isChecked: true,
 }
}

将输入的选中状态绑定到数据属性：

---

非常感谢！！！