element ui 自定义表单验证方式

方式1
export default {
  data () {
  	const checkPhone = (rule, value, callback) => {
      if (!/^1[2-9]\d{9}$/.test(value)) {
        callback(new Error('请输入正确的手机号'))
      }
   },
  	return {
  		phone:'',
		rules: {
	        phone: [
	          { required: true, message: '手机号码不能为空' },
	          { validator: checkPhone, trigger: 'blur' }
	        ],
		 }
 	}
  }
 }
方式2
phone: [
  	{ required: true, message: '手机号码不能为空' },
    { pattern: /^1[2-9]\d{9}$/, message: '请输入正确的手机号',trigger: 'blur' }
],