导读:摘要:针对对话框或抽屉中单选按钮(radio)选中后无法再次触发事件的问题,解决方法是绑定 `:checked="selectedCouponId == item.id"` 属性,并在触发 change 事件时更新 `selectedCouponId` 为当前选中项的 ID(如 `selectedCouponId.value=e.detail.value`)。若需重置状态,只需将 `selectedCouponId` 设为非有效值(如 0),即可恢复初始未
1.使用场景:
在弹出的对话框或者drawer中,选中radio后直接出发某个事件,下次再次打开对话框或者drawer,发现radio是选择状态,就无法触发事件。如下图:

那么如何选中触发事件后让其清空选中状态,使其下次再次可以选中呢,方法如下:

主要部分:
:checked="selectedCouponId == item.id"
说明:设置radio的checked属性 ,在触发change事件时设置selectedCouponId(selectedCouponId为选中的radio的ID)
selectedCouponId.value=e.detail.value;//VUE3 setup 语法糖
在需要清除的事件里设置selectedCouponId为0(或者其他不是radio的id的值)即可
selectedCouponId.value = 0;
关键词: uniapp
radio-group
苏公网安备 32111202000338号