element-ui 表单组件的属性

 Element-ui 中Form表单组件提供了表单验证功能

通过rules属性传入验证规则

Form-item中的prop属性设置需要校验的字段名

    <template>
        <el-form :model="FormData" :rules="rules" ref="refFrom"> 
            <el-form-item label="姓名" prop="name">
                <el-input v-model="FormData.name" placeholder="请输入你的名字">
                </el-input>
            </el-form-item>
        </el-form>
    </template>

 rules存放在data中

      rules: {
        name:[{required:true,message:"请输入你的名字",trigger:blur}]
       }

el-form-item元素的prop属性绑定字段名name,表单验证时，就会验证el-input元素绑定的变量FormData.name的值是否符合rules的验证规则

loading·········