Vue.js 3 带国家/地区代码输入的电话字段

Question

有人知道一种方法来插入带有国家代码下拉列表的电话字段，类似于 vue3 链接中的方法吗？ https://www.npmjs.com/package/vue-tel-input

我曾尝试使用链接中的包，但它在控制台中抛出以下错误。

Uncaught (in promise) TypeError: selfHook.bind is not a function

尝试实施：

main.js

import { createApp } from 'vue'
import VueTelInput from 'vue-tel-input'

const app = createApp(App);
app.use(VueTelInput)
app.mount('#app');

在 App.vue 中，我只是使用以下代码将其作为组件导入：

<vue-tel-input></vue-tel-input>

Answer 1

有人在关于该库的 Vue3 支持的 open issues 上发布了他们已经创建了该库的 Vue3 版本的内容：https://github.com/victorybiz/vue3-tel-input

我已经尝试过，看起来效果很好！

Answer 2

该库现在支持Vue 3。 https://vue-tel-input.iamstevendao.com/

npm install vue-tel-input@next

import { createApp } from 'vue';
import App from './App.vue';
import VueTelInput from 'vue-tel-input';
import 'vue-tel-input/dist/vue-tel-input.css';

const app = createApp(App);
app.use(VueTelInput);
app.mount('#app');

...

<template>
  <vue-tel-input v-model="phone"></vue-tel-input>
></template>