vue-tel-input icon indicating copy to clipboard operation
vue-tel-input copied to clipboard

Default Country by rendering ISO-Code not working (Vue3)

Open CarlsonBuma opened this issue 3 years ago • 0 comments

image

Vue3 - Version.

setup() {
      const phoneInput = ref('+41 333 84 88)        // Dont try to call this number ;)
      const phoneIso = ref('CH')                     // Shows correct Flag before render
      return {
            phoneInput,
            phoneIso,
      }
}

mounted() {
       console.log(this.phoneIso)                             // CH
       this.phoneIso = this.getPhoneIsoCode()       // Get 'DE'
       console.log(this.phoneIso)                            // DE
}

If I try to adjust the country according to the Database - Entry (ISO -> 'DE'), the default value wont be changed. The Flag / Input stay on 'CH'.

May I do have a misunderstanding. But so far, I think there is a bug by rendering the 'VueTelInput'. If someone knows the problem, I'm glad to take advise :)

Best Regards

CarlsonBuma avatar Dec 09 '21 00:12 CarlsonBuma