Vue- tel-input - Vue.js Nourished #.\n\nvue-tel-input is actually an International Telephone Input vue 3 element.\n\nPaperwork as well as Trial.\nGo to the web site for total docs.\nVue 2 Assistance.\nvue-tel-input@legacy: Guide.\nChangelog.\nHead To Github Releases.\nBeginning.\n\nSet up the plugin:.\nnpm set up vue-tel-input.\n\n\nAdd the plugin in to your application:.\nbring in Vue coming from 'vue'.\nbring in 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').\nMuch more info on installation.\n\n\nMake use of the vue-tel-input component:.\n\n\n\n\nInstallation.\nnpm.\nnpm install vue-tel-input.\nPut up the plugin into Vue:.\nimport createApp coming from 'vue'.\nimport App coming from '.\/ App.vue'.\nbring in VueTelInput coming from 'vue-tel-input'.\nbring in 'vue-tel-input\/vue-tel-input. css'.\n\nconst globalOptions = \nmethod: 'car',.\n.\n\nconst app = createApp( Application).\napp.use( VueTelInput, globalOptions)\/\/ Describe default worldwide alternatives here (optionally available).\napp.mount('
app').Perspective all readily available possibilities in Props.Or even utilize the part directly:.
CDN and Web browser.If Vue is actually sensed in the Web page, the plugin is installed immediately.** Typically, manually install the plugin into Vue:.app.use( home window [' vue-tel-input'].Element careless loading.Since the public library concerns 200kb of JavaScript and 100kb of CSS in order to boost first web page filling time you could consider importing it asynchronously simply when individual gets through to the webpage where the library is really needed. The method is knowned as Careless Tons as well as you may use it in some modern bundlers like Webpack and Rollup.
As you view, our experts do not utilize Vue SFC tag here to import element's css as it will lead to CSS mosting likely to the main/vendors pack rather than being downloaded on demand.
Articles You Can Be Interested In