# HtRadio 单选框

HtRadio 自定义单选框框组件,基于el-radio实现;
Author andy.ten@tom.com & xukaixing@hotmail.com

# 示例

<template>
  <div>
    <label>单选框:</label> 
    <ht-radio v-model="checkRadio" :disabled="false" name="radios" label="选项一" @change="handleCheckChange"></ht-radio>
    <ht-radio v-model="checkRadio" :disabled="false" name="radios" label="选项二" @change="handleCheckChange"></ht-radio>
  </div>
</template>
<script>
export default {
  data() {
    return {
       checkRadio: true,
    } 
  },
  methods:{
    handleCheckChange(val){

    }
  }
};
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
Expand Copy

# API

# Radio Attributes

参数 说明 类型 可选值 默认值
vref 设置radio的ref属性 String
value 设置radio的value属性 String
visible 设置是否可见 Boolean true / false true
label 选中状态的值 string / number / boolean
disabled 设置disabled属性 Boolean,String true / false false
border 设置是否带边框 Boolean true / false false

# Radio Event

方法名 说明 参数
change 获取选中变化方法 (inputValue,event)

# 版本

  • v1.0.5