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

Question

我有一个 table，其中包含一个记录列表，每条记录都有两个关联的单选按钮，一个用于确认付款，另一个用于拒绝，当我选择任何单选按钮时，我会得到一个模式屏幕上有两个按钮，一个用于明确确认付款，另一个用于在标记错误的单选按钮时取消，我需要的是当我点击取消按钮时，我最初标记的单选按钮未被选中

See Image 1

See Image 2

这是我在 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 比较陌生，不知道应该添加哪个属性。谢谢对不起我的英语!!!

Answer 1

您需要在数据中添加一个键来管理收音机的选中状态，例如'isChecked':
```
data () {
 return {
   isChecked: true,
 }
}
```
将输入的检查状态绑定到数据属性:

<input type="radio":checked="isChecked">

将另一个按钮的点击事件设置为toggle/clear检查（取决于你想做什么）到一个改变数据的函数属性（例如我想切换收音机按钮):

<button @click="toggleCheckedState">Toggle</button>

以及切换状态的函数（在方法中定义）：

methods:{
  toggleCheckedState(){
    this.isChecked = !this.isChecked; //example
    //your logic
  },
}

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

Uncheck vue radio button from another button

vue.js

vuetify.js