# Radio 单选框

# 使用指南

在 page.json 中引入组件

"usingComponents": {
  "w-radio": "wuss-weapp/w-radio/index",
}

# 图片演示

# Radio 单选框 - 图2

# 代码演示

<w-pane title="Radio" desc="单选框" />
<w-pane desc="Default" />
<w-cell-group>
 <w-radio options="{{ dataItems }}" bindonChange="handleonChange" />
</w-cell-group>
<w-pane desc="DefaultValue" />
<w-cell-group>
 <w-radio defaultValue="huawei" options="{{ dataItems }}" bindonChange="handleonChange" />
</w-cell-group>
<w-pane desc="W-Model" />
<w-cell-group>
 <w-radio w-model="{{ radioModel }}" options="{{ dataItems }}" bindonChange="handleonChange" />
</w-cell-group>
<w-button type="info" data-value="iphone" bind:onClick="handleChange">change 苹果</w-button>
<w-button type="info" data-value="sanxing" bind:onClick="handleChange">change 三星</w-button>
<w-button type="info" data-value="huawei" bind:onClick="handleChange">change 华为</w-button>
<w-button type="info" data-value="oppo" bind:onClick="handleChange">change oppo音乐手机</w-button>

# API

# Attribute 属性

属性	说明	类型	默认值
options	选项组{keyvalue…item}	array	[]
defaultValue	默认选中项	string	-
label	选项组标题	string	-
wModel		string	-
color	颜色	string	-

# Event 事件

事件名	说明	参数

# Slot 插槽

名称	说明

# Class 自定义类名

类名	说明
wuss-class	根节点样式类

Edit this page

← Switch 开关 Checkbox 复选框 →