Radio 单选框

使用指南

在 page.json 中引入组件

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

图片演示

代码演示

<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 属性

Event 事件

Slot 插槽

Class 自定义类名