Vue- tel-input - Vue.js Supplied #.\n\nvue-tel-input is an International Telephone Input vue 3 element.\n\nPaperwork as well as Demo.\nCheck out the web site for total docs.\nVue 2 Help.\nvue-tel-input@legacy: Overview.\nChangelog.\nGo to Github Releases.\nGetting started.\n\nPut in the plugin:.\nnpm put in vue-tel-input.\n\n\nInclude the plugin in to your application:.\nimport Vue from 'vue'.\nbring in VueTelInput coming from 'vue-tel-input'.\nimport 'vue-tel-input\/vue-tel-input. css'.\n\nconst application = createApp( App).\napp.use( VueTelInput).\napp.mount(' #app').\nMuch more details on setup.\n\n\nMake use of the vue-tel-input element:.\n\n\n\n\nInstallment.\nnpm.\nnpm put in vue-tel-input.\nPut in the plugin in to Vue:.\nimport createApp from 'vue'.\nimport Application from '.\/ App.vue'.\nbring in VueTelInput from 'vue-tel-input'.\nbring in 'vue-tel-input\/vue-tel-input. css'.\n\nconst globalOptions = \nmethod: 'automobile',.\n.\n\nconst app = createApp( Application).\napp.use( VueTelInput, globalOptions)\/\/ Determine default international options listed here (optional).\napp.mount('
app').Viewpoint all readily available alternatives in Props.Or even make use of the component straight:.
CDN and Browser.If Vue is actually discovered in the Page, the plugin is installed automatically.** Otherwise, manually set up the plugin in to Vue:.app.use( home window [' vue-tel-input'].Part careless launching.Since the public library concerns 200kb of JavaScript and 100kb of CSS to improve first page filling time you might think about importing it asynchronously just when user browses to the web page where the collection is actually required. The procedure is actually called Lazy Lots as well as you can easily use it in some modern-day bundlers like Webpack as well as Rollup.
As you observe, our company don't use Vue SFC tag listed here to import element's css as it would certainly cause CSS mosting likely to the main/vendors pack rather than being downloaded and install on demand.
Articles You Can Be Interested In