Vue- tel-input - Vue.js Feed #.\n\nvue-tel-input is an International Telephone Input vue 3 component.\n\nDocumentation as well as Trial.\nGo to the web site for full docs.\nVue 2 Assistance.\nvue-tel-input@legacy: Overview.\nChangelog.\nGo to Github Releases.\nGetting started.\n\nSet up the plugin:.\nnpm put up vue-tel-input.\n\n\nInclude the plugin right into your app:.\nbring in Vue from 'vue'.\nbring in VueTelInput from 'vue-tel-input'.\nimport 'vue-tel-input\/vue-tel-input. css'.\n\nconst application = createApp( Application).\napp.use( VueTelInput).\napp.mount(' #app').\nEven more info on setup.\n\n\nMake use of the vue-tel-input part:.\n\n\n\n\nInstallment.\nnpm.\nnpm put in vue-tel-input.\nPut in the plugin right into Vue:.\nimport createApp from 'vue'.\nimport Application coming from '.\/ App.vue'.\nimport VueTelInput coming from 'vue-tel-input'.\nimport 'vue-tel-input\/vue-tel-input. css'.\n\nconst globalOptions = \nsetting: 'car',.\n.\n\nconst application = createApp( Application).\napp.use( VueTelInput, globalOptions)\/\/ Describe default worldwide alternatives below (optional).\napp.mount('
app').Viewpoint all accessible alternatives in Props.Or make use of the component directly:.
CDN and Web browser.If Vue is detected in the Page, the plugin is set up instantly.** Otherwise, manually put up the plugin right into Vue:.app.use( home window [' vue-tel-input'].Element idle running.Because the collection concerns 200kb of JavaScript and also 100kb of CSS so as to enhance initial page loading time you may think about importing it asynchronously only when customer browses to the page where the library is really needed to have. The technique is actually called Idle Tons and also you can utilize it in some modern bundlers like Webpack and Rollup.
As you find, our team don't make use of Vue SFC tag listed here to import component's css as it will lead to CSS heading to the main/vendors pack as opposed to being actually installed as needed.
Articles You Can Be Interested In