radio

单选框

属性

属性名类型必填默认值说明
checkedBoolean否关闭是否开启
labelString否单选框文案
disabledBoolean否false是否禁用
positionString否left单选框相对于文案的位置，可选值包括：left、right
group-indexNumber否-1表示在radio-group中的索引
c-bind:changeEventHandle否点击单选框触发 返回事件对象： event.detail 返回值： event.detail.value

示例

  1. <template>
  2.   <radio
  3.     checked="{{ radioValue }}"
  4.     label="Option"
  5.     c-bind:change="valueChange"
  6.     >
  7.   </radio>
  8. </template>
  9. <script>
  10. class Index {
  11.   data = {
  12.     radioValue: false
  13.   }
  14.   methods = {
  15.     valueChange (e) {
  16.       this.radioValue = e.detail.value;
  17.     }
  18.   }
  19. }
  20. export default new Index();
  21. </script>
  22. <script cml-type="json">
  23. {
  24.   "base": {}
  25. }
  26. </script>

radio - 图1wx

radio - 图2web

radio - 图3native

查看完整示例