使用AddressEdit 组件中的 tel-validator 手机号格式校验API
添加 :tel-validator=“validator”
<VanAddressEdit
:area-list="areaList"
:address-info="addressInfo"
:show-delete="Boolean(editId)"
show-postal
:is-saving="isSaving"
:is-deleting="isDeleting"
save-button-text="保存并使用"
delete-button-text="删除收货地址"
@save="onSave"
@delete="onDelete"
:tel-validator="validator"
>
在methods中用正则设置需要的手机号格式
methods: {
validator(e) {
console.log(e);
let myreg1 = /^[1][3,4,5,7,8][0-9]{9}$/;
let myreg2 = /^[2][3,4,5,7,8][0-9]{6}$/;
if (!myreg1.test(e) && !myreg2.test(e)) {
console.log("手机号错误");
return false;
} else{
console.log('手机号正确')
return true
}
},
}