<el-form :model="dataForm" label-width="100px" :rules="dataFormRules" ref="dataForm" ></el-form>

import { isPhone } from "@/utils/validate"
data() {
      return {
        dataFormRules: {
          username: [
            { required: true, message: '請輸入用戶名', trigger: 'blur' },
            { type: 'string', min: 6, message: '用戶名不允許小于6位', trigger: 'blur' },
          ],
          mobile: [
            { required: true, message: '手機號不能為空', trigger: 'blur' },
            { type: 'string', min: 11, message: '手機號不允許小于11位', trigger: 'blur' },
            { validator: isPhone, trigger: 'blur' },
          ]
        },
  }
}

/**
 * 驗證手機號
 */
export function isPhone(rule, value, callback) {
  if (!value) {
    return callback(new Error('輸入不可以為空'));
  }
  var pattern = /^1[3-9]\d{9}$/
  if (pattern.test(value)) {
    return callback()
  }
  return callback(new Error('輸入的手機號錯誤'))
}