Vue- tel-input - Vue.js Feed #.\n\nvue-tel-input is an International Telephone Input vue 3 part.\n\nInformation and Trial.\nSee the website for complete docs.\nVue 2 Help.\nvue-tel-input@legacy: Resource.\nChangelog.\nGo to Github Releases.\nStarting.\n\nInstall the plugin:.\nnpm put up vue-tel-input.\n\n\nAdd the plugin right into your application:.\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').\nExtra information on setup.\n\n\nUse 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 from 'vue'.\nbring in Application from '.\/ App.vue'.\nimport VueTelInput 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)\/\/ Describe nonpayment international alternatives listed below (optional).\napp.mount('
app').Perspective all readily available possibilities in Props.Or use the part directly:.
CDN as well as Browser.If Vue is actually spotted in the Web page, the plugin is installed instantly.** Or else, personally put in the plugin into Vue:.app.use( window [' vue-tel-input'].Part careless running.Since the collection concerns 200kb of JavaScript and 100kb of CSS to boost first page loading time you may think about importing it asynchronously only when customer browses to the page where the public library is really required. The method is actually knowned as Lazy Tons and also you can utilize it in some present day bundlers like Webpack as well as Rollup.
As you view, our team don't utilize Vue SFC tag below to import element's css as it would certainly result in CSS mosting likely to the main/vendors pack as opposed to being actually downloaded as needed.
Articles You Can Be Interested In