使用element-ui中的el-radio(单选框)组件实现选中和取消选中功能
最近在开发一个活动功能,表单里面有单选框选择,并且可以取消选择,在网上找到了方法并总结了一下,我参考的是这位前辈的代码。下面是我的代码:
使用element-ui中的el-radio(单选框)组件实现选中和取消选中功能 - 锐客网 * {
margin: 0;
padding: 0;
}请选择优惠活动
{{ item.activityName }}
{{ item.activityName }}
{{ item.activityName }}
已选 {{Object.keys(activityInfo).length}} 个活动
取 消
确 认
【使用element-ui中的el-radio(单选框)组件实现选中和取消选中功能】通过这个需求我学到了单选框取消选中的方法,学习了vue对对象中的属性动态赋值,学习了Object.keys()方法和Object.values()方法。
推荐阅读
- vue中父子组件异步传递数据
- spring中@Value的使用(读取配置文件信息)
- java的Spring中@Value注解的使用
- SSM框架|Spring中使用@Value注解获取properties配置文件中的变量值
- #|vue3下watch的使用
- TS01 为什么要使用TypeScript
- 前端|2、React中的JSX使用
- 网络编程|java nio ByteBuffer的使用
- Java基础|JAVA中的位运算操作
- SSH中的安全|SSH中的安全 | 从SSH协议看身份验证底层原理