Element UI Radio 组件 mini 属性使用详解 - 如何实现迷你按钮样式

<template>
  <div>
    <el-radio-group v-model="radioValue">
      <el-radio :label="1" :mini="true">选项一</el-radio>
      <el-radio :label="2" :mini="true">选项二</el-radio>
      <el-radio :label="3" :mini="true">选项三</el-radio>
    </el-radio-group>
  </div>
</template>
<script>
export default {
  data() {
    return {
      radioValue: 1
    };
  }
};
</script>
<p>在上面的代码中，我们在 el-radio 组件上设置了 mini 属性为 true，这样 radio 按钮就会显示为迷你型的样式。同时，我们将 el-radio 组件放在 el-radio-group 组件中，这样 mini 属性才会生效。</p>