Vue- tel-input - Vue.js Nourished #.\n\nvue-tel-input is actually an International Telephone Input vue 3 component.\n\nRecords and Demo.\nExplore the site for total docs.\nVue 2 Assistance.\nvue-tel-input@legacy: Guide.\nChangelog.\nHead To Github Launches.\nGetting started.\n\nInstall the plugin:.\nnpm set up vue-tel-input.\n\n\nIncorporate the plugin into your app:.\nbring in Vue from 'vue'.\nbring in 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').\nA lot more facts on installation.\n\n\nUtilize the vue-tel-input part:.\n\n\n\n\nInstallation.\nnpm.\nnpm mount vue-tel-input.\nPut in the plugin into Vue:.\nimport createApp coming from 'vue'.\nbring in Application from '.\/ App.vue'.\nimport VueTelInput coming from 'vue-tel-input'.\nimport 'vue-tel-input\/vue-tel-input. css'.\n\nconst globalOptions = \nmode: 'vehicle',.\n.\n\nconst app = createApp( App).\napp.use( VueTelInput, globalOptions)\/\/ Specify default worldwide choices here (optional).\napp.mount('
app').Viewpoint all on call options in Props.Or even use the component directly:.
CDN and Web browser.If Vue is actually sensed in the Page, the plugin is actually put up immediately.** Typically, personally put up the plugin in to Vue:.app.use( window [' vue-tel-input'].Element careless launching.Because the collection is about 200kb of JavaScript and also 100kb of CSS so as to strengthen first page packing opportunity you might look at importing it asynchronously only when consumer navigates to the web page where the collection is actually needed to have. The technique is called Lazy Tons and you may utilize it in some contemporary bundlers like Webpack and also Rollup.
As you see, our experts do not use Vue SFC tag here to import element's css as it will lead to CSS heading to the main/vendors pack instead of being downloaded as needed.
Articles You Can Be Interested In