Currently, I am utilizing vue-tel-input to input a phone number.
Below is the code snippet:
<template>
<div>
<vue-tel-input v-model="client.ClientPhone" v-bind="bindPropsUserInfo"></vue-tel-input>
</div>
</template>
<script>
data() {
return {
bindPropsUserInfo: {
mode: "international",
autoFormat: false,
required: true,
enabledCountryCode: true,
enabledFlags: true,
autocomplete: "off",
name: "telephone",
maxLen: 25,
inputOptions: {
showDialCode: true
}
}
};
},
</script>
`
` This code binds the value and stores it in the database.
However, when in edit mode, it replaces the stored value with the country code.
Is there a way to bind the saved value to the vue-tel-input?
Is there a solution for this issue, or is this default behavior that cannot be altered?