vue element-ui from表单验证

用vue element-ui 开发一个表单提交功能，写个博客做个记录，方便以后查阅

先放一下实现的样式

代码

<template>
  <el-form
    ref="userForm"
    :rules="rules"
    :model="userForm"
    label-width="80px"
    style="margin:20px;width:40%;min-width:400px;"
  >
    <el-form-item label="员工姓名" prop="name">
      <el-input v-model="userForm.name"></el-input>
    </el-form-item>
    <el-form-item label="员工性别" prop="sex">
      <el-radio-group v-model="userForm.sex">
        <el-radio label="男"></el-radio>
        <el-radio label="女"></el-radio>
      </el-radio-group>
    </el-form-item>
    <el-form-item label="员工职位" prop=&