Estoy tratando de phoneNumber un campo de número de teléfono holandés en un formulario. Pero cuando pongo el primer dígito 0, se elimina cuando pongo el segundo.
Número de teléfono holandés: 06 + 8 dígitos (0612345678) o 0 + 2 dígitos (código de región) + 7 dígitos (012 1234567) o 316 + 8 dígitos (31612345678).
<el-input v-model.number="form.phoneNumber" @keypress="isPhoneNumber(form.phoneNumber)" :placeholder="$t('phonenumber')" ></el-input>con esto como validador:
phoneNumber: [ { required: true, type: "text", pattern: "^(?:0|(?:\+|00) ?31 ?06 ? )(?:(?:[1-9] ?(?:[0-9] ?){8})|(?:6 ?-? ?[1-9] ?(?:[0-9] ?){7})|(?:[1,2,3,4,5,7,8,9]\d ?-? ?[1-9] ?(?:[0-9] ?){6})|(?:[1,2,3,4,5,7,8,9]\d{2} ?-? ?[1-9] ?(?:[0-9] ?){5}))$", message: this.$t("please_fill_a_phonenumber"), trigger: "blur", }, ],¿Hay algo obvio que pase por alto?
Por favor, visite la documentación oficial de Vue.js sobre cómo formar enlaces de entrada. para descubrir la forma correcta de cómo usar la directiva v-model y los modificadores. Porque estás usando un modificador .number . Además, visite los documentos oficiales de Element Library element.eleme.io para saber cómo usar los elementos el-form y el-input .