TuRadio 单选框
自绘圆形 + 圆心点,不依赖原生 radio,change 事件回传布尔值。
自绘圆形 + 圆心点,不依赖端上原生 radio。完全受控:点击后通过 change 事件回传目标布尔值(!checked)。
属性
| 名称 | 类型 | 说明 |
|---|---|---|
checked | boolean | 是否选中(受控),默认 false。 |
disabled | boolean | 禁用:不响应点击,半透明。 |
label | string | 文案。 |
activeColor | string | 选中态颜色,默认 var(--tu-primary)。 |
事件:change,回传切换后的布尔值(!checked)。
选择此项
当前未选中 —— 单选框同样完全受控。
实例
ts
createComponent({
component: TuRadio,
props: { checked: this.state.gender === 'male', label: '男' },
emitters: { change: (checked: boolean) => (this.state.gender = checked ? 'male' : '') },
})