el-form的rules手機號正則匹配方法

官方文檔：el-form文檔
用法依據：自定義校驗 callback 必須被調用。 更多高級用法可參考async-validator

export default {
  data() {
    return {
      form: {
        phone: ''
      },
      rules: {
        phone: [
          { required: true, message: '請輸入手機號' trigger: 'blur' },
          // 方法一：
          {
			validator: (rule, value, cb) => {
			  if (/^1[3-9]\d{9}$/.test(value)) {
			    cb()
			  } else {
			    cb(new Error('手機號格式錯誤'))
			  }
			}
		  },
		  // 方法二：
		  {
		    pattern: /^1[3-9]\d{9}$/,
		    message: '手機號格式錯誤'
		  }
        ]
      }
    }
  }
}