Build a Vue.js 3 International Phone Number Form Input Field With Country Codes in Browser Using TS

geekygautam1997 January 12, 2025No Comments

App.vue

<template>
    <vue-tel-input v-model="phone" mode="international"></vue-tel-input>
  </template>
  
  <script>
  import { ref } from "vue";
  import { VueTelInput } from "vue-tel-input";
  import "vue-tel-input/vue-tel-input.css";
  
  export default {
    components: {
      VueTelInput,
    },
  
    setup() {
      const phone = ref(null);
  
      return {
        phone,
      };
    },
  };
  </script>

<vue-tel-input v-model="phone" mode="international"></vue-tel-input>

</template>

import { ref } from "vue";

import { VueTelInput } from "vue-tel-input";

import "vue-tel-input/vue-tel-input.css";

export default {

components: {

VueTelInput,

setup() {

const phone = ref(null);

return {

phone,

};

</script>

geekygautam1997

View All Posts

Comments

No comments yet. Why don’t you start the discussion?

Build a Vue.js 3 International Phone Number Form Input Field With Country Codes in Browser Using TS

Comments

Leave a Reply Cancel reply

Archives