Appearance
Radio单选框
在一组备选项中进行单选。
样式预览
基础用法
由于选项默认可见,不宜过多,若选项过多,建议使用 Select 选择器。
示例代码
要使用 Radio 组件,只需要设置v-model绑定变量,选中意味着变量的值为相应 Radio label属性的值,label可以是String、Number或Boolean。
vue
<template>
<el-radio-group v-model="radio" size="mini">
<el-radio-button :label="0">选项一</el-radio-button>
<el-radio-button :label="1">选项二</el-radio-button>
<el-radio-button :label="2">选项三</el-radio-button>
</el-radio-group>
</template>
<script>
export default {
data () {
return {
radio: 0
}
}
}
</script>