Vue- tel-input - Vue.js Nourished #.\n\nvue-tel-input is an International Telephone Input vue 3 element.\n\nDocuments as well as Trial.\nExplore the web site for complete docs.\nVue 2 Support.\nvue-tel-input@legacy: Guide.\nChangelog.\nGo to Github Releases.\nGetting started.\n\nSet up the plugin:.\nnpm mount vue-tel-input.\n\n\nAdd the plugin into your app:.\nbring in Vue coming from 'vue'.\nbring in VueTelInput coming from 'vue-tel-input'.\nbring in 'vue-tel-input\/vue-tel-input. css'.\n\nconst application = createApp( Application).\napp.use( VueTelInput).\napp.mount(' #app').\nA lot more information on setup.\n\n\nUtilize the vue-tel-input component:.\n\n\n\n\nSetup.\nnpm.\nnpm put up vue-tel-input.\nSet up the plugin right into Vue:.\nimport createApp from 'vue'.\nbring in Application from '.\/ App.vue'.\nimport VueTelInput from 'vue-tel-input'.\nimport 'vue-tel-input\/vue-tel-input. css'.\n\nconst globalOptions = \nmode: 'car',.\n.\n\nconst app = createApp( App).\napp.use( VueTelInput, globalOptions)\/\/ Define default global choices below (optional).\napp.mount('
app').Sight all accessible alternatives in Props.Or make use of the component straight:.
CDN and also Web browser.If Vue is actually discovered in the Webpage, the plugin is actually mounted automatically.** Otherwise, by hand install the plugin into Vue:.app.use( home window [' vue-tel-input'].Component idle launching.Since the collection is about 200kb of JavaScript and 100kb of CSS if you want to boost first page filling opportunity you might look at importing it asynchronously only when user gets through to the web page where the library is actually needed. The procedure is referred to as Lazy Tons as well as you may use it in some contemporary bundlers like Webpack and also Rollup.
As you find, our company do not use Vue SFC tag here to import component's css as it will lead to CSS heading to the main/vendors pack as opposed to being downloaded on demand.
Articles You Can Be Interested In