You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
61 lines
1.3 KiB
61 lines
1.3 KiB
1 year ago
|
---
|
||
|
|
title: radio-group
|
||
|
|
description: 组合单选框。
|
||
|
|
spline: form
|
||
|
|
isComponent: true
|
||
|
|
---
|
||
|
|
|
||
|
|
### 特性及兼容性
|
||
|
|
|
||
|
|
无
|
||
|
|
|
||
|
|
## 引入
|
||
|
|
|
||
|
|
### 引入组件
|
||
|
|
|
||
|
|
在 `app.json` 或 `page.json` 中引入组件：
|
||
|
|
|
||
|
|
```json
|
||
|
|
"usingComponents": {
|
||
|
|
"t-radio": "tdesign-miniprogram/radio/radio",
|
||
|
|
"t-radio-group": "tdesign-miniprogram/radio-group/radio-group"
|
||
|
|
}
|
||
|
|
```
|
||
|
|
|
||
|
|
## 用法
|
||
|
|
|
||
|
|
### 组件方式
|
||
|
|
|
||
|
|
```html
|
||
|
|
<!-- page.wxml -->
|
||
|
|
<t-radio-group value="radio1" bind:change="onChange">
|
||
|
|
<t-radio title="单行标题" name="radio1" />
|
||
|
|
<t-radio title="单行标题" label="辅助信息" name="radio2" />
|
||
|
|
</t-radio-group>
|
||
|
|
```
|
||
|
|
|
||
|
|
## API
|
||
|
|
|
||
|
|
### `<t-radio-group>` 组件
|
||
|
|
|
||
|
|
组件路径：`tdesign-miniprogram/radio-group/radio-group`
|
||
|
|
|
||
|
|
#### Props
|
||
|
|
|
||
|
|
| 属性 | 值类型 | 默认值 | 必传 | 说明 |
|
||
|
|
| -------- | --------- | ------ | ---- | ---------------------- |
|
||
|
|
| value | `String` | - | N | 当前选中项的标识符 |
|
||
|
|
| name | `String` | - | N | 在表单内提交时的标识符 |
|
||
|
|
|
||
|
|
### Slots
|
||
|
|
|
||
|
|
| 名称 | 说明 |
|
||
|
|
| ---- | -------------- |
|
||
|
|
| 默认 | `t-radio` 组件 |
|
||
|
|
|
||
|
|
#### Events
|
||
|
|
|
||
|
|
| 事件 | event.detail | 说明 |
|
||
|
|
| ----------- | ------------------------- | ------------------------ |
|
||
|
|
| bind:change | {name:当前选中项的标识符} | 当绑定值变化时触发的事件 |
|