Vue- tel-input - Vue.js Supplied #.\n\nvue-tel-input is actually an International Telephone Input vue 3 part.\n\nDocumentation and also Trial.\nVisit the site for total doctors.\nVue 2 Support.\nvue-tel-input@legacy: Guide.\nChangelog.\nVisit Github Releases.\nStarting.\n\nSet up the plugin:.\nnpm set up vue-tel-input.\n\n\nAdd the plugin into your app:.\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( App).\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\nSetup.\nnpm.\nnpm mount vue-tel-input.\nInstall the plugin in to Vue:.\nbring in createApp coming from 'vue'.\nimport Application coming from '.\/ App.vue'.\nimport VueTelInput coming from 'vue-tel-input'.\nbring in 'vue-tel-input\/vue-tel-input. css'.\n\nconst globalOptions = \nsetting: 'vehicle',.\n.\n\nconst app = createApp( Application).\napp.use( VueTelInput, globalOptions)\/\/ Describe nonpayment global options right here (optional).\napp.mount('
app').Perspective all offered possibilities in Props.Or use the component straight:.
CDN and Browser.If Vue is discovered in the Webpage, the plugin is set up immediately.** Otherwise, manually put in the plugin right into Vue:.app.use( home window [' vue-tel-input'].Component idle launching.Since the library concerns 200kb of JavaScript as well as 100kb of CSS in order to enhance initial web page filling time you might consider importing it asynchronously only when customer gets through to the web page where the library is in fact needed to have. The method is knowned as Careless Bunch and you can use it in some modern-day bundlers like Webpack and Rollup.
As you observe, we don't use Vue SFC tag listed here to import element's css as it will result in CSS going to the main/vendors pack rather than being actually downloaded on demand.
Articles You Can Be Interested In