<el-form :model="addForm" :rules="rules" ref="addForm" label-width="120px" class="offline_ruleForm"> <el-form-item label="邮箱地址:" prop="email"> <el-input v-model="addForm.email" placeholder=""></el-input> </el-form-item> </el-form>
<script> export default { data(){ return{ rule:{ email: { required: false, validator: validEmail, trigger: "blur" }, } } } } var validEmail = (rule, value, callback) => { var reg = /^([a-zA-Z]|[0-9])(w|-)+@[a-zA-Z0-9]+.([a-zA-Z]{2,4})$/ if (value == '') { callback(); } else if(!reg.test(value)) { callback(new Error("请输入正确格式!")); } else{ callback(); } }; </script>