Vue- tel-input - Vue.js Feed #.\n\nvue-tel-input is an International Telephone Input vue 3 part.\n\nPaperwork and Demonstration.\nExplore the web site for full doctors.\nVue 2 Assistance.\nvue-tel-input@legacy: Quick guide.\nChangelog.\nHead To Github Launches.\nBeginning.\n\nMount the plugin:.\nnpm set up vue-tel-input.\n\n\nInclude the plugin right into your app:.\nbring in Vue coming from 'vue'.\nbring in VueTelInput coming from 'vue-tel-input'.\nbring in 'vue-tel-input\/vue-tel-input. css'.\n\nconst app = createApp( Application).\napp.use( VueTelInput).\napp.mount(' #app').\nEven more information on installment.\n\n\nUse the vue-tel-input element:.\n\n\n\n\nSetup.\nnpm.\nnpm set up vue-tel-input.\nInstall the plugin right into Vue:.\nbring in createApp coming from 'vue'.\nimport App from '.\/ App.vue'.\nbring in VueTelInput from 'vue-tel-input'.\nimport 'vue-tel-input\/vue-tel-input. css'.\n\nconst globalOptions = \nmethod: 'vehicle',.\n.\n\nconst application = createApp( Application).\napp.use( VueTelInput, globalOptions)\/\/ Specify nonpayment worldwide alternatives here (extra).\napp.mount('
app').Perspective all on call choices in Props.Or even utilize the part directly:.
CDN and also Browser.If Vue is actually identified in the Web page, the plugin is put up immediately.** Typically, manually set up the plugin into Vue:.app.use( home window [' vue-tel-input'].Element lazy loading.Considering that the collection has to do with 200kb of JavaScript and also 100kb of CSS to boost preliminary web page loading time you may take into consideration importing it asynchronously merely when individual navigates to the page where the public library is in fact required. The approach is knowned as Lazy Load and also you can easily utilize it in some modern bundlers like Webpack and Rollup.
As you find, we do not use Vue SFC tag listed here to import element's css as it will cause CSS heading to the main/vendors bundle instead of being actually downloaded on demand.
Articles You Can Be Interested In