## Radio 单选框 ### 使用指南 在 index.json 中引入组件 ```json "usingComponents": { "van-radio": "path/to/vant-weapp/dist/radio/index", "van-radio-group": "path/to/vant-weapp/dist/radio-group/index" } ``` ### 代码演示 #### 基础用法 通过`value`绑定值当前选中项的 name ```html 单选框 1 单选框 2 ``` #### 禁用状态 通过`disabled`属性禁止选项切换,在`van-radio`上设置`diabled`可以禁用单个选项 ```html 单选框 1 单选框 2 ``` #### 与 Cell 组件一起使用 此时你需要再引入`Cell`和`CellGroup`组件。 ```html ``` ### Radio API | 参数 | 说明 | 类型 | 默认值 | |-----------|-----------|-----------|-------------| | name | 标识 Radio 名称 | 任意类型 | - | | value | 当前选中项的 name | 任意类型 | - | | disabled | 是否为禁用状态 | `Boolean` | `false` | | label-disabled | 是否禁用文本内容点击 | `Boolean` | `false` | | label-position | 文本位置,可选值为 `left` | `String` | `right` | ### Radio Event | 事件名 | 说明 | 回调参数 | |-----------|-----------|-----------| | bind:change | 当绑定值变化时触发的事件 | 当前选中项的 name | ### Radio 外部样式类 | 类名 | 说明 | |-----------|-----------| | custom-class | 根节点样式类 | | icon-class | 图标样式类 | | label-class | 描述信息样式类 | ### RadioGroup API | 参数 | 说明 | 类型 | 默认值 | |-----------|-----------|-----------|-------------| | value | 当前选中项的 name | 任意类型 | - | | disabled | 是否禁用所有单选框 | `Boolean` | `false` | ### RadioGroup Event | 事件名 | 说明 | 回调参数 | |-----------|-----------|-----------| | bind:change | 当绑定值变化时触发的事件 | 当前选中项的 name | ### RadioGroup 外部样式类 | 类名 | 说明 | |-----------|-----------| | custom-class | 根节点样式类 | ### 更新日志 | 版本 | 类型 | 内容 | |-----------|-----------|-----------| | 0.3.4 | feature | 新增组件 |