Vue- tel-input - Vue.js Supplied #.\n\nvue-tel-input is actually an International Telephone Input vue 3 part.\n\nInformation and also Trial.\nExplore the site for full docs.\nVue 2 Support.\nvue-tel-input@legacy: Quick guide.\nChangelog.\nHead To Github Launches.\nBeginning.\n\nMount the plugin:.\nnpm set up vue-tel-input.\n\n\nIncorporate the plugin in to your application:.\nbring in Vue coming from 'vue'.\nbring in VueTelInput from 'vue-tel-input'.\nbring in 'vue-tel-input\/vue-tel-input. css'.\n\nconst app = createApp( Application).\napp.use( VueTelInput).\napp.mount(' #app').\nMore information on setup.\n\n\nUse the vue-tel-input element:.\n\n\n\n\nInstallation.\nnpm.\nnpm put up vue-tel-input.\nPut up the plugin into Vue:.\nbring in createApp coming from 'vue'.\nbring in App coming from '.\/ App.vue'.\nimport VueTelInput coming from 'vue-tel-input'.\nbring in 'vue-tel-input\/vue-tel-input. css'.\n\nconst globalOptions = \nmode: 'vehicle',.\n.\n\nconst application = createApp( App).\napp.use( VueTelInput, globalOptions)\/\/ Specify nonpayment worldwide options right here (optionally available).\napp.mount('
app').Perspective all readily available alternatives in Props.Or utilize the element straight:.
CDN and Internet browser.If Vue is detected in the Webpage, the plugin is actually installed immediately.** Typically, personally put in the plugin in to Vue:.app.use( window [' vue-tel-input'].Element careless loading.Since the collection concerns 200kb of JavaScript as well as 100kb of CSS if you want to enhance preliminary webpage packing time you might think about importing it asynchronously merely when user navigates to the page where the collection is in fact required. The approach is knowned as Careless Bunch and you can easily utilize it in some modern-day bundlers like Webpack and Rollup.
As you see, our experts do not make use of Vue SFC tag here to import component's css as it would result in CSS heading to the main/vendors pack rather than being downloaded on demand.
Articles You Can Be Interested In