Vue- tel-input - Vue.js Feed #.\n\nvue-tel-input is an International Telephone Input vue 3 element.\n\nDocuments as well as Demo.\nSee the web site for complete doctors.\nVue 2 Support.\nvue-tel-input@legacy: Overview.\nChangelog.\nVisit Github Releases.\nGetting started.\n\nPut in the plugin:.\nnpm set up vue-tel-input.\n\n\nAdd the plugin into your application:.\nimport Vue coming from 'vue'.\nimport VueTelInput coming from 'vue-tel-input'.\nimport 'vue-tel-input\/vue-tel-input. css'.\n\nconst app = createApp( App).\napp.use( VueTelInput).\napp.mount(' #app').\nEven more facts on setup.\n\n\nUse the vue-tel-input component:.\n\n\n\n\nSetup.\nnpm.\nnpm install vue-tel-input.\nPut up the plugin right into Vue:.\nbring in 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 = \nmode: 'automobile',.\n.\n\nconst application = createApp( App).\napp.use( VueTelInput, globalOptions)\/\/ Define default worldwide alternatives listed here (optionally available).\napp.mount('
app').View all readily available options in Props.Or even utilize the element directly:.
CDN and also Browser.If Vue is actually sensed in the Page, the plugin is set up immediately.** Or else, by hand put in the plugin into Vue:.app.use( window [' vue-tel-input'].Element lazy loading.Considering that the collection is about 200kb of JavaScript and 100kb of CSS so as to strengthen preliminary page packing time you might consider importing it asynchronously only when consumer browses to the web page where the collection is actually needed to have. The method is called Lazy Tons and also you can easily utilize it in some present day bundlers like Webpack as well as Rollup.
As you view, our company don't utilize Vue SFC tag here to import element's css as it would result in CSS going to the main/vendors pack rather than being downloaded as needed.
Articles You Can Be Interested In