简介:不使用el-form仅仅单独给el-input设置表单校验 <template><div><el-inputv-model="inputValue":class="{ 'is-invalid': isInputInvalid }"placeholder="请输入内容"@blur="validateInput"></el-input><span v-if="isInputInvalid" class="error-message">{{ inputErrorMessage }}</span><el-button ...
3. 调用该方法或API进行校验 你可以通过ref属性获取到el-form的实例,并调用其validateField方法进行校验。下面是一个示例代码: vue <template> <el-form :model="form" :rules="rules" ref="myForm"> <el-form-item label="用户名" prop="username"> <el-input v-model="form...
el-form 组件可以通过 validateField 方法单独调用嵌套对象写法的验证规则,在此提供一个示例: ```html <template> <el-form ref="form" :model="form" label-width="100px"> <el-form-item label="标题" prop="title"> <el-input v-model="form.title"></el-input> </el-form-item> <el-form-ite...