Vue- tel-input - Vue.js Supplied #.\n\nvue-tel-input is an International Telephone Input vue 3 part.\n\nInformation and also Demonstration.\nVisit the website for full docs.\nVue 2 Help.\nvue-tel-input@legacy: Resource.\nChangelog.\nHead To Github Launches.\nStarting.\n\nPut in 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 application = createApp( Application).\napp.use( VueTelInput).\napp.mount(' #app').\nExtra information on installment.\n\n\nUtilize the vue-tel-input part:.\n\n\n\n\nInstallment.\nnpm.\nnpm install vue-tel-input.\nMount the plugin into Vue:.\nimport createApp from 'vue'.\nimport App coming from '.\/ App.vue'.\nbring in VueTelInput coming from 'vue-tel-input'.\nimport 'vue-tel-input\/vue-tel-input. css'.\n\nconst globalOptions = \nsetting: 'car',.\n.\n\nconst application = createApp( Application).\napp.use( VueTelInput, globalOptions)\/\/ Determine nonpayment international alternatives here (extra).\napp.mount('
app').View all readily available alternatives in Props.Or even use the component straight:.
CDN and Web browser.If Vue is actually identified in the Web page, the plugin is actually put up instantly.** Otherwise, manually set up the plugin right into Vue:.app.use( window [' vue-tel-input'].Element careless launching.Because the library concerns 200kb of JavaScript and also 100kb of CSS in order to boost initial webpage packing opportunity you may take into consideration importing it asynchronously merely when customer navigates to the web page where the public library is in fact needed. The method is referred to as Idle Lots as well as you may use it in some modern-day bundlers like Webpack and Rollup.
As you view, our team don't utilize Vue SFC tag listed here to import component's css as it would result in CSS going to the main/vendors bundle instead of being actually downloaded and install as needed.