将代码 name required true message 请输入姓名 trigger blur gender required true message 请选择性别 trigger change hobby

<script>
const nameValidator = (rule, value, callback) => {
  if (value.length < 2 || value.length > 10) {
    callback(new Error('长度应为2到10个字符'))
  } else {
    callback()
  }
}

const rules = {
  name: [
    { required: true, message: '请输入姓名', trigger: 'blur' },
    { validator: nameValidator, trigger: 'blur' },
  ],
  gender: [
    { required: true, message: '请选择性别', trigger: 'change' },
  ],
  hobby: [
    { required: true, type: 'array', min: 1, message: '请至少选择一个兴趣爱好', trigger: 'change' },
  ],
}
</script>