Vue- tel-input - Vue.js Nourished #.\n\nvue-tel-input is actually an International Telephone Input vue 3 component.\n\nDocuments as well as Demo.\nGo to the web site for full doctors.\nVue 2 Help.\nvue-tel-input@legacy: Overview.\nChangelog.\nMost Likely To Github Launches.\nStarting.\n\nPut in the plugin:.\nnpm set up vue-tel-input.\n\n\nIncorporate the plugin right into your app:.\nbring in Vue from 'vue'.\nimport VueTelInput coming from 'vue-tel-input'.\nbring in 'vue-tel-input\/vue-tel-input. css'.\n\nconst application = createApp( Application).\napp.use( VueTelInput).\napp.mount(' #app').\nMuch more facts on installment.\n\n\nUtilize the vue-tel-input element:.\n\n\n\n\nInstallation.\nnpm.\nnpm install vue-tel-input.\nPut up the plugin in to Vue:.\nbring in createApp coming from 'vue'.\nbring in Application from '.\/ App.vue'.\nbring in VueTelInput coming from 'vue-tel-input'.\nimport 'vue-tel-input\/vue-tel-input. css'.\n\nconst globalOptions = \nmode: 'car',.\n.\n\nconst app = createApp( Application).\napp.use( VueTelInput, globalOptions)\/\/ Define default international choices below (extra).\napp.mount('
app').Perspective all on call alternatives in Props.Or utilize the part directly:.
CDN and Browser.If Vue is actually recognized in the Page, the plugin is installed instantly.** Typically, by hand mount the plugin into Vue:.app.use( window [' vue-tel-input'].Element idle loading.Since the public library concerns 200kb of JavaScript and 100kb of CSS so as to enhance preliminary webpage packing opportunity you may consider importing it asynchronously simply when user navigates to the page where the public library is in fact required. The method is called Lazy Lots as well as you can use it in some modern bundlers like Webpack and also Rollup.
As you see, our team don't use Vue SFC tag below to import component's css as it would result in CSS mosting likely to the main/vendors pack rather than being actually installed on demand.
Articles You Can Be Interested In