# c-radio-group


单选框列表

# 属性

属性名 类型 必填 默认值 说明
option Array [] 选项数组
horizontal Boolean false 单选框排列方向,默认纵向排列
position String left 按钮相对于文案的位置,可选值包括:left、right
color String - 选中时颜色
cstyle String - 自定义样式
itemStyle String - radio自定义样式
c-bind:groupchange EventHandle 点击按钮出发
返回事件对象:
event.detail
返回值:
event.detail.value - 修改后的选项数组
event.detail.index - 修改的单选框索引

# 示例

<template>
  <c-radio-group option="{{ radioGroupOption }}" c-bind:groupchange="groupChangeHandler">
  </c-radio-group>
</template>
<script>
class CRadio {
  data = {
    radioGroupOption: [
      {
        checked: false,
        label: 'Option1',
      },
      {
        checked: false,
        label: 'Option2',
      },
      {
        checked: false,
        label: 'Option3',
        disabled: true,
      },
    ],
    radioSelect: '',
  };

  methods = {
    groupChangeHandler(e) {
      this.radioSelect = this.radioGroupOption[e.detail.index].label;
    },
  };
}

export default new CRadio();
</script>
<script cml-type="json">
{
  "base": {
      "usingComponents": {
          "c-radio-group": "cml-ui/components/c-radio-group/c-radio-group"
      }
  }
}
</script>
wx
web
native