Vue- tel-input - Vue.js Feed #.\n\nvue-tel-input is an International Telephone Input vue 3 component.\n\nDocumentation as well as Demo.\nExplore the site for full doctors.\nVue 2 Support.\nvue-tel-input@legacy: Overview.\nChangelog.\nVisit Github Releases.\nGetting going.\n\nMount the plugin:.\nnpm set up vue-tel-input.\n\n\nInclude the plugin right into your app:.\nbring in 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').\nMore details on setup.\n\n\nUse the vue-tel-input part:.\n\n\n\n\nInstallation.\nnpm.\nnpm mount vue-tel-input.\nPut up the plugin into Vue:.\nimport createApp coming from 'vue'.\nbring in Application coming from '.\/ App.vue'.\nbring in VueTelInput coming from 'vue-tel-input'.\nimport 'vue-tel-input\/vue-tel-input. css'.\n\nconst globalOptions = \nsetting: 'automobile',.\n.\n\nconst app = createApp( Application).\napp.use( VueTelInput, globalOptions)\/\/ Determine nonpayment global alternatives listed here (extra).\napp.mount('
app').Scenery all readily available options in Props.Or even use the element directly:.
CDN and Web browser.If Vue is located in the Webpage, the plugin is mounted instantly.** Or else, by hand mount the plugin right into Vue:.app.use( home window [' vue-tel-input'].Component careless loading.Given that the public library is about 200kb of JavaScript and also 100kb of CSS to boost first webpage loading opportunity you could consider importing it asynchronously simply when user gets through to the web page where the public library is in fact needed to have. The approach is actually referred to as Careless Lots and you may utilize it in some contemporary bundlers like Webpack and also Rollup.
As you find, our team don't make use of Vue SFC tag here to import component's css as it would certainly cause CSS mosting likely to the main/vendors bundle rather than being installed on demand.