element-ui自定义表单验证

<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>
原文地址:https://www.cnblogs.com/xhrr/p/13754078.html