环境依赖

vue v2.6+

安装

npm install vue-country-code-selector

使用示例

1<template>
2  <div class="tel-container">
3    <country-code-selector :countryCode.sync="value">
4    </country-code-selector>
5    <input type="text" v-model="value">
6    <p>这是国际区号{{value}}</p>
7  </div>
8</template>
9
10<script>
11  import countryCodeSelector from 'vue-country-code-selector'
12  export default {
13    name: 'VueTelInput',
14    components: {
15      countryCodeSelector
16    },
17    data () {
18      return {
19        // 这里是必填项。对应国家的国际区号，例如中国是86
20        value: 86
21      }
22    }
23  }
24</script>
25
26<style scoped>
27  p {
28    margin-left: 20px;
29  }
30</style>