Vue- tel-input - Vue.js Feed #.\n\nvue-tel-input is actually an International Telephone Input vue 3 element.\n\nDocumentation and also Trial.\nCheck out the web site for full docs.\nVue 2 Support.\nvue-tel-input@legacy: Overview.\nChangelog.\nMost Likely To Github Launches.\nStarting.\n\nInstall the plugin:.\nnpm put up vue-tel-input.\n\n\nAdd the plugin into your app:.\nimport Vue from 'vue'.\nbring in VueTelInput coming from 'vue-tel-input'.\nimport 'vue-tel-input\/vue-tel-input. css'.\n\nconst application = createApp( Application).\napp.use( VueTelInput).\napp.mount(' #app').\nMuch more information on installation.\n\n\nUtilize the vue-tel-input element:.\n\n\n\n\nInstallation.\nnpm.\nnpm put in vue-tel-input.\nPut up the plugin into Vue:.\nimport createApp from 'vue'.\nbring in Application from '.\/ App.vue'.\nbring in VueTelInput from 'vue-tel-input'.\nbring in 'vue-tel-input\/vue-tel-input. css'.\n\nconst globalOptions = \nmode: 'automobile',.\n.\n\nconst app = createApp( App).\napp.use( VueTelInput, globalOptions)\/\/ Determine default international alternatives listed below (optional).\napp.mount('
app').Scenery all offered alternatives in Props.Or even make use of the component straight:.
CDN and also Browser.If Vue is recognized in the Web page, the plugin is actually put in immediately.** Or else, by hand set up the plugin into Vue:.app.use( home window [' vue-tel-input'].Component idle filling.Due to the fact that the public library concerns 200kb of JavaScript and also 100kb of CSS so as to enhance preliminary webpage loading time you could consider importing it asynchronously merely when user browses to the page where the collection is really required. The technique is knowned as Idle Lots and you can utilize it in some modern bundlers like Webpack and also Rollup.
As you observe, our team don't utilize Vue SFC tag right here to import component's css as it would certainly cause CSS heading to the main/vendors bundle instead of being downloaded on demand.
Articles You Can Be Interested In