使用指南

import { RadioGroup, Radio } from 'border-ui';

Vue.component(RadioGroup.name, RadioGroup);
Vue.component(Radio.name, Radio);

基本用法

export default {
  data () {
    return {
      radio1: '香蕉',   // 默认会选中这个项目
    }
  }
}

禁用状态

搭配Cell使用

有几点需要注意：

Radio组件通过slotvalue被正确的插入到CellItem的右侧
每个Radio组件需要定义一个ref引用，以便正确的找到每个CellItem对应的Radio
Checkbox、Radio组件内部都有toggle方法，绑定组件的click事件，用于触发组件选中状态

export default {
  data () {
    return {
      radioList: ['苹果', '香蕉', '桃子', '荔枝']
    }
  },
  methods: {
    toggle (index) {
      this.$refs.checkboxes[index].toggle()
    },
    onChange (val) {
      alert(val)
    }
  }
}

API

Radio Props

参数	说明	类型	默认
disabled	是否禁用	Boolean	false
iconSize	icon尺寸	String	24px
label	需配合RadioGroup使用，被选中时的值	String

RadioGroup Props

参数	说明	类型	默认值
v-model	当前选中的标识	String
disabled	是否禁用	Boolean	false

RadioGroup Events

事件名	说明	类型	默认值
change	单个Radio被选中触发，参数为Radio的label	Function

# 使用指南

# 基本用法

# 禁用状态

# 搭配Cell使用

# API

# Radio Props

# RadioGroup Props

# RadioGroup Events

使用指南

基本用法

禁用状态

搭配Cell使用

API

Radio Props

RadioGroup Props

RadioGroup Events