基于ElementUI 国际化电话组件el-phone-number-input用法

1.首先安装vue  国际化电话组件

npm install el-phone-number-input;

 2.当前页面引入组件

import { ElPhoneNumberInput, mobileValidator, phoneNumberValidator} from 'el-phone-number-input'

 3.下面是具体使用代码:callingCode是国家区号,phoneNumber是手机号

import { ElPhoneNumberInput, mobileValidator, phoneNumberValidator} from 'el-phone-number-input'

export default {
    components: {
	      ElPhoneNumberInput
	},
	data(){
	    return{
           phone: {
              callingCode: '',
              phoneNumber: ''
           },
        }
    }
}

/* 使用方法 表单 */
<el-form-item label="Phone" prop="phone">
        <el-phone-number-input v-model="phone"   ></el-phone-number-input>
</el-form-item>

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值