element中form表单验证

Element UI提供了一套表单验证的功能。通过给form表单设置rules属性传入验证规则，给表单设置model属性传入表单数据，并给表单中的元素(Form-Item)设置prop属性，其值为设置为需要校验的字段名。然后在提交表单时，可以使用$refs获取form元素，调用validate方法进行校验通过，如果校验通过则可以执行相应的操作。 以下是一个示例代码: ```html <el-form ref="deptForm" :model="form" :rules="rules"> <el-form-item label="部门名称" prop="name"> <el-input v-model="form.name" style="width:80%" placeholder="1-50个字符" /> </el-form-item> <el-form-item label="部门编码" prop="code"> <el-input v-model="form.code" style="width:80%" placeholder="1-50个字符" /> </el-form-item> </el-form> ``` 在提交表单时，可以使用以下代码进行表单校验和相应操作: ```javascript this.$refs.deptForm.validate(valid => { if (valid) { // 校验通过执行相应操作 } }) ```