Vue- tel-input - Vue.js Feed #.\n\nvue-tel-input is actually an International Telephone Input vue 3 component.\n\nDocumentation and also Demo.\nSee the internet site for total docs.\nVue 2 Help.\nvue-tel-input@legacy: Guide.\nChangelog.\nGo to Github Releases.\nGetting going.\n\nPut up the plugin:.\nnpm put up vue-tel-input.\n\n\nAdd the plugin into your app:.\nimport Vue from 'vue'.\nimport 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 information on installation.\n\n\nUtilize the vue-tel-input part:.\n\n\n\n\nInstallment.\nnpm.\nnpm put in vue-tel-input.\nPut up the plugin right into Vue:.\nbring in createApp coming from 'vue'.\nimport App coming from '.\/ App.vue'.\nbring in VueTelInput from 'vue-tel-input'.\nbring in 'vue-tel-input\/vue-tel-input. css'.\n\nconst globalOptions = \nmode: 'vehicle',.\n.\n\nconst app = createApp( Application).\napp.use( VueTelInput, globalOptions)\/\/ Specify nonpayment worldwide possibilities here (extra).\napp.mount('
app').Viewpoint all available options in Props.Or use the part directly:.
CDN as well as Web browser.If Vue is located in the Page, the plugin is actually installed immediately.** Typically, manually mount the plugin right into Vue:.app.use( home window [' vue-tel-input'].Element idle running.Since the library has to do with 200kb of JavaScript and also 100kb of CSS if you want to enhance preliminary web page packing opportunity you could think about importing it asynchronously simply when individual navigates to the webpage where the collection is really needed to have. The technique is called Lazy Load as well as you can easily use it in some modern bundlers like Webpack and also Rollup.
As you view, our experts do not make use of Vue SFC tag here to import element's css as it would lead to CSS heading to the main/vendors bundle as opposed to being actually downloaded on demand.
Articles You Can Be Interested In