知识分类
后端
前端
设计
开源组件/产品
APP
其他
广告招募

uniapp的radio-group 清除选中的方法

管理员
发布于:2023-05-29 23:06:29
导读:摘要:针对对话框或抽屉中单选按钮(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
上一篇:uniapp 中处理rich-text显示富文本图片溢出问题
下一篇:elementui中el-drawer存放子组件 子组件mounted只执行一次的解决方案
搜索内容
最新文章
  • 线程和协程的区别
  • 什么是敏捷式开发?
  • 什么是GEO生成式引擎优化?和SEO
  • 如何保证文件上传安全?
  • Go语言时间格式为什么和其他语言不一
  • 软件许可协议有哪些?之间的区别是什么
  • FrameCoder非可站群框架支持
  • git忽略文件.gitignore,
  • 什么AI模型上下文协议(MCP)?M
  • 为什么有些页面的图片看不见?可能是被
精彩文章
  • 1 MSYS2中安装使用GCC的正确方法
  • 2 vscode用一个插件快速生成Vue
  • 3 Layui 怎么样更换主题颜色?
  • 4 3步教你如何修改uniapp but
  • 5 连接WIFI出现无Internet
  • 6 OBS在银河麒麟或ubuntu等核心
  • 7 FrameCoder非可,基于web
  • 8 JavaScript 判断对象是否为
  • 9 小程序真机调试 报错 define
  • 10 uniapp 中处理rich-tex
工信部备案:苏ICP备2023011827号-1
苏公网安备 32111202000338号