vue+element ui使用正则表达式进行表单验证

<el-form :model="formData" :rules="rules" ref="ruleForm">
	<el-form-item label="用户名" prop="userName">
       <el-input v-model="formData.userName"></el-input>
     </el-form-item>
     <el-form-item label="整数" prop="password">
       <el-input v-model="formData.password"></el-input>
     </el-form-item>
</el-form>
data(){
	const limitDigit = (rule, value, callback) => {
      const pattern = /^\d+$/
      if (!value.match(pattern)) {
        return callback(new Error('只能输入整数！'))
      } else {
        callback()
      }
    }
	return{
		formData:{
			userName:'',
			password:''
		},
		rules:{
			userName:[
				{ required: true, message: '请输入用户名！', trigger: 'blur' },
			],
			password:[
				{ required: true, message: '请输入数字！', trigger: 'blur' },
				// { type:'number', message: '只能输入数字！', trigger: 'blur' },
				{ validator: limitDigit, trigger: 'blur' }
			]
		}
	}
}