Vue- tel-input - Vue.js Feed #.\n\nvue-tel-input is an International Telephone Input vue 3 component.\n\nRecords and Trial.\nGo to the website for total doctors.\nVue 2 Assistance.\nvue-tel-input@legacy: Overview.\nChangelog.\nMost Likely To Github Releases.\nGetting going.\n\nSet up the plugin:.\nnpm put up vue-tel-input.\n\n\nInclude the plugin right into your application:.\nimport Vue from 'vue'.\nbring in VueTelInput from 'vue-tel-input'.\nbring in 'vue-tel-input\/vue-tel-input. css'.\n\nconst app = createApp( App).\napp.use( VueTelInput).\napp.mount(' #app').\nA lot more facts on installment.\n\n\nUtilize the vue-tel-input component:.\n\n\n\n\nSetup.\nnpm.\nnpm put in vue-tel-input.\nPut up the plugin right into Vue:.\nbring in createApp from 'vue'.\nimport Application coming from '.\/ App.vue'.\nimport VueTelInput coming from 'vue-tel-input'.\nimport 'vue-tel-input\/vue-tel-input. css'.\n\nconst globalOptions = \nmode: 'automobile',.\n.\n\nconst application = createApp( Application).\napp.use( VueTelInput, globalOptions)\/\/ Define default international alternatives right here (extra).\napp.mount('
app').View all readily available possibilities in Props.Or even utilize the element directly:.
CDN and also Browser.If Vue is actually identified in the Web page, the plugin is installed immediately.** Otherwise, by hand set up the plugin in to Vue:.app.use( window [' vue-tel-input'].Part idle running.Because the collection is about 200kb of JavaScript as well as 100kb of CSS to improve preliminary web page filling opportunity you could consider importing it asynchronously merely when individual gets through to the web page where the library is really needed. The strategy is called Idle Tons as well as you can utilize it in some contemporary bundlers like Webpack and Rollup.
As you see, our team do not use Vue SFC tag right here to import element's css as it would cause CSS visiting the main/vendors bundle instead of being downloaded on demand.
Articles You Can Be Interested In