Radio单选框

基础用法

备选项 备选项

<template>
  <div class="t-basic-radio-area">
    <as-radio v-model="radio" label="1">备选项</as-radio>
    <as-radio v-model="radio" label="2">备选项</as-radio>
  </div>
</template>
<script>
export default {
  name: "t-basic-radio",
  data () {
    return {
      radio: '1'
    };
  }
}
</script>
<style>
</style>

Expand Copy Copy

禁用状态

备选项 备选项

<template>
  <div class="t-disabled-radio-area">
    <as-radio disabled v-model="radio" label="禁用">备选项</as-radio>
    <as-radio disabled v-model="radio" label="选中且禁用">备选项</as-radio>
  </div>
</template>

<script>
export default {
  name: "t-disabled-radio",
  data () {
    return {
      radio: '选中且禁用'
    };
  }
}
</script>
<style>
</style>

Expand Copy Copy

Attributes

参数	默认值	说明
value/v-model	--	绑定值,类型为String/Number/Boolean
label	--	Radio的value,类型为String/Number/Boolean
disabled	false	是否禁用,类型为Boolean
border	false	是否显示边框,类型为Boolean
size	--	Radio的尺寸,仅在border为真时有效,类型为String,可选值为medium/small/mini
name	--	原生name属性,类型为String

Events

事件名称	说明	回调参数
input	绑定值变化时触发的事件	选中的Radio的label值