elmentui 单选按钮制作

要制作 ElementUI 的单选按钮，可以按照以下步骤进行：

1. 安装 ElementUI

首先，需要安装 ElementUI。可以通过 npm 或 yarn 安装。具体的安装命令可以在 ElementUI 的官方文档中找到。

2. 引入单选按钮组件

在需要使用单选按钮的组件中，需要引入 ElRadio 组件。可以在组件中使用 import 命令导入该组件：

import { ElRadio } from 'element-ui';

3. 使用单选按钮组件

在模板中使用 ElRadio 组件，并为其设置 v-model 属性来绑定选中的值。例如：

<template>
  <div>
    <p>请选择您的性别：</p>
    <el-radio-group v-model="gender">
      <el-radio label="male">男</el-radio>
      <el-radio label="female">女</el-radio>
    </el-radio-group>
    <p>您选择的性别是：{{ gender }}</p>
  </div>
</template>

在上面的代码中，我们创建了一个单选按钮组，其中包含两个单选按钮。每个单选按钮都有一个 label 属性来指定其值。v-model 属性绑定了 gender 变量，用于存储用户选择的选项。

4. 定制样式

可以使用 ElementUI 的样式库来定制单选按钮的外观。例如，可以使用以下样式来将单选按钮的文本颜色设置为红色：

.el-radio__label {
  color: red;
}

这样，就可以轻松地在 ElementUI 中创建单选按钮了。