Package Exports
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (vue-tel-input) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
vue-tel-input
International Telephone Input with Vue.
Documentation and live demo
Getting started
Install the plugin:
npm install vue-tel-input
Add the plugin into your app:
import Vue from 'vue' import VueTelInput from 'vue-tel-input' import 'vue-tel-input/dist/vue-tel-input.css' Vue.use(VueTelInput)
Use the
vue-tel-inputcomponent:<template> <vue-tel-input v-model="phone"></vue-tel-input> <template>
Installation
npm
npm install vue-tel-inputInstall the plugin into Vue:
import Vue from 'vue'
import VueTelInput from 'vue-tel-input'
import 'vue-tel-input/dist/vue-tel-input.css'
Vue.use(VueTelInput, options) // Define default global options here (optional)View all available options in Props.
Or use the component directly:
<!-- your-component.vue-->
<template>
<vue-tel-input v-model="value"></vue-tel-input>
</template>
<script>
import { VueTelInput } from 'vue-tel-input'
export default {
components: {
VueTelInput,
},
};
<style src="vue-tel-input/dist/vue-tel-input.css"></style>
</script>Browser
<script src="https://unpkg.com/vue-tel-input"></script>
<link rel="stylesheet" href="https://unpkg.com/vue-tel-input/dist/vue-tel-input.css">If Vue is detected in the Page, the plugin is installed automatically.
** Otherwise, manually install the plugin into Vue:
Vue.use(window['vue-tel-input']);Changelog
Development
Clone the project
git clone https://github.com/iamstevendao/vue-tel-input.gitGo to the project directory & checkout the next branch
cd vue-tel-input
git checkout next origin/nextInstall dependencies
npm installBuild the project
npm run buildStart the es build example
npm run devStart the browser build example
npx http-server -p 8080
# 127.0.0.1:8080/examples/browser.htmlLicense
Copyright (c) 2018 Steven Dao. Released under the MIT License.
made with ❤ by Steven.