vue+element ui 表单校验单选框

怎么写？

对于单选框的表单校验，有以下几种方式：

1. 使用rules规则数组

在表单中，可以设置rules规则数组，来进行表单校验。在单选框的情况下，可以使用如下规则：

rules: {
  radio: [
    { required: true, message: '请选择一个选项', trigger: 'change' }
  ]
}

其中，radio是单选框的字段名，required表示必选，message表示校验失败的提示信息，trigger表示触发校验的事件，默认为blur。

2. 使用自定义校验函数

在表单中也可以使用自定义的校验函数来进行校验，比如：

rules: {
  radio: [
    { validator: validateRadio, trigger: 'change' }
  ]
},
methods: {
  validateRadio(rule, value, callback) {
    if (value) {
      callback();
    } else {
      callback(new Error('请选择一个选项'));
    }
  }
}

其中，validateRadio是自定义的校验函数，rule和value是校验规则和值，callback是回调函数，用于返回校验结果和提示信息。

3. 使用el-form-item的prop和rules属性

在el-form-item中，可以设置prop属性来指定字段名，同时可以设置rules属性来进行校验，例如：

<el-form-item label="单选框" prop="radio" :rules="[{
  required: true, message: '请选择一个选项', trigger: 'change'
}]">
  <el-radio-group v-model="form.radio">
    <el-radio :label="1">选项1</el-radio>
    <el-radio :label="2">选项2</el-radio>
    <el-radio :label="3">选项3</el-radio>
  </el-radio-group>
</el-form-item>

其中，prop指定了单选框的字段名，rules属性指定了校验规则，可以和表单的rules属性一样设置。

以上三种方式都能够实现单选框的表单校验，具体可以根据实际情况选择适合自己的方式。