Radio 单选框

使用指南

在 page.json 中引入组件

  1. "usingComponents": {
  2.   "w-radio": "wuss-weapp/w-radio/index",
  3. }

图片演示

Radio 单选框 - 图1

代码演示

  1. <w-pane title="Radio" desc="单选框" />
  4. <w-pane desc="Default" />
  6. <w-cell-group>
  7.  <w-radio options="{{ dataItems }}" bindonChange="handleonChange" />
  8. </w-cell-group>
  12. <w-pane desc="DefaultValue" />
  14. <w-cell-group>
  15.  <w-radio defaultValue="huawei" options="{{ dataItems }}" bindonChange="handleonChange" />
  16. </w-cell-group>
  19. <w-pane desc="W-Model" />
  21. <w-cell-group>
  22.  <w-radio w-model="{{ radioModel }}" options="{{ dataItems }}" bindonChange="handleonChange" />
  23. </w-cell-group>
  25. <w-button type="info" data-value="iphone" bind:onClick="handleChange">change 苹果</w-button>
  26. <w-button type="info" data-value="sanxing" bind:onClick="handleChange">change 三星</w-button>
  27. <w-button type="info" data-value="huawei" bind:onClick="handleChange">change 华为</w-button>
  28. <w-button type="info" data-value="oppo" bind:onClick="handleChange">change oppo音乐手机</w-button>

API

Attribute 属性

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

Event 事件

事件名说明参数

Slot 插槽

名称说明

Class 自定义类名

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