Skip to content
本页内容目录

Radio单选框

在一组备选项中进行单选。

样式预览

alt 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>

评论