Vue- tel-input - Vue.js Feed #.\n\nvue-tel-input is actually an International Telephone Input vue 3 part.\n\nDocumentation as well as Demo.\nCheck out the website for full docs.\nVue 2 Help.\nvue-tel-input@legacy: Overview.\nChangelog.\nMost Likely To Github Releases.\nGetting started.\n\nMount the plugin:.\nnpm set up vue-tel-input.\n\n\nInclude the plugin in to your application:.\nimport Vue from 'vue'.\nimport VueTelInput coming from 'vue-tel-input'.\nbring in 'vue-tel-input\/vue-tel-input. css'.\n\nconst app = createApp( Application).\napp.use( VueTelInput).\napp.mount(' #app').\nMuch more facts on installment.\n\n\nUtilize the vue-tel-input part:.\n\n\n\n\nInstallment.\nnpm.\nnpm put in vue-tel-input.\nSet up the plugin into Vue:.\nbring in createApp from 'vue'.\nbring in Application from '.\/ App.vue'.\nimport VueTelInput coming from 'vue-tel-input'.\nimport 'vue-tel-input\/vue-tel-input. css'.\n\nconst globalOptions = \nmode: 'vehicle',.\n.\n\nconst app = createApp( App).\napp.use( VueTelInput, globalOptions)\/\/ Specify default international alternatives here (extra).\napp.mount('

app').View all accessible options in Props.Or even use the part straight:.
CDN and Web browser.If Vue is actually found in the Web page, the plugin is actually mounted immediately.** Typically, manually put in the plugin in to Vue:.app.use( home window [' vue-tel-input'].Element careless launching.Since the collection is about 200kb of JavaScript as well as 100kb of CSS so as to enhance preliminary page loading time you might look at importing it asynchronously simply when customer gets through to the web page where the collection is in fact needed to have. The technique is actually referred to as Lazy Load as well as you may utilize it in some contemporary bundlers like Webpack as well as Rollup.
As you see, our company don't utilize Vue SFC tag right here to import part's css as it would lead to CSS heading to the main/vendors bundle instead of being actually downloaded as needed.