vue自定义邮箱和手机号验证方法,重置表单方法

data () {
    
    
    // 自定义邮箱规则
    var checkEmail = (rule, value, callback) => {
    
    
      const regEmail = /^\w+@\w+(\.\w+)+$/
      if (regEmail.test(value)) {
    
    
        // 合法邮箱
        return callback()
      }
      callback(new Error('请输入合法邮箱'))
    }
    // 自定义手机号规则
    var checkMobile = (rule, value, callback) => {
    
    
      const regMobile = /^1[34578]\d{
    
    9}$/
      if (regMobile.test(value)) {
    
    
        return callback()
      }
      // 返回一个错误提示
      callback(new Error('请输入合法的手机号码'))
    }
    return {
    
    }
    }

使用

 		eemail: [
          {
    
     required: true, message: '请输入邮箱', trigger: 'blur' },
          {
    
     validator: checkEmail, trigger: 'blur' }
        ],
        ephone: [
          {
    
     required: true, message: '请输入手机号码', trigger: 'blur' },
          {
    
     validator: checkMobile, trigger: 'blur' }
        ]

form上添加ref属性
ref=“addUserFormRef”
定义close方法
@close=“addDialogClosed”
定义方法

 // 监听 添加用户对话框的关闭事件
    addDialogClosed () {
      this.$refs.addUserFormRef.resetFields()
    },