Vue- tel-input - Vue.js Nourished #.\n\nvue-tel-input is an International Telephone Input vue 3 component.\n\nDocuments as well as Demonstration.\nGo to the internet site for complete docs.\nVue 2 Support.\nvue-tel-input@legacy: Quick guide.\nChangelog.\nVisit Github Releases.\nGetting started.\n\nSet up the plugin:.\nnpm mount vue-tel-input.\n\n\nAdd the plugin into 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').\nExtra info on installation.\n\n\nUtilize the vue-tel-input part:.\n\n\n\n\nInstallation.\nnpm.\nnpm mount vue-tel-input.\nPut up the plugin in to Vue:.\nimport createApp coming from 'vue'.\nimport App coming from '.\/ App.vue'.\nimport VueTelInput coming from 'vue-tel-input'.\nimport 'vue-tel-input\/vue-tel-input. css'.\n\nconst globalOptions = \nmode: 'automotive',.\n.\n\nconst application = createApp( App).\napp.use( VueTelInput, globalOptions)\/\/ Determine default global possibilities below (optionally available).\napp.mount('
app').Scenery all offered alternatives in Props.Or utilize the component directly:.
CDN and Web browser.If Vue is spotted in the Page, the plugin is put up instantly.** Otherwise, manually put in the plugin right into Vue:.app.use( window [' vue-tel-input'].Part careless loading.Since the library has to do with 200kb of JavaScript and 100kb of CSS in order to enhance first webpage packing opportunity you might consider importing it asynchronously simply when user browses to the web page where the collection is in fact needed. The approach is actually referred to as Careless Tons and also you may utilize it in some present day bundlers like Webpack and also Rollup.
As you observe, we don't make use of Vue SFC tag here to import element's css as it would certainly lead to CSS visiting the main/vendors bundle instead of being downloaded on demand.