vue+element ui 表单校验单选框

在使用 Element UI 表单校验时，可以通过 `rules` 属性对单选框进行校验。

以下是一个示例代码：

<template>
  <el-form :model="form" :rules="rules">
    <el-form-item label="性别" prop="gender">
      <el-radio v-model="form.gender" label="male">男</el-radio>
      <el-radio v-model="form.gender" label="female">女</el-radio>
    </el-form-item>
    <el-button type="primary" @click="submitForm">提交</el-button>
  </el-form>
</template>

<script>
export default {
  data() {
    return {
      form: {
        gender: ''
      },
      rules: {
        gender: [
          { required: true, message: '请选择性别', trigger: 'change' }
        ]
      }
    }
  },
  methods: {
    submitForm() {
      this.$refs.form.validate(valid => {
        if (valid) {
          // 校验通过
          // 执行提交操作
        } else {
          // 校验失败
          return false
        }
      })
    }
  }
}
</script>

在上面的示例代码中，我们通过 `v-model` 绑定 `form.gender`，并在 `rules` 中对 `gender` 进行校验，校验规则为必选项。在提交表单时，通过 `$refs.form.validate` 方法进行校验，校验通过后执行提交操作，校验失败则返回 `false`。