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

Question

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

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

未捕获( promise )TypeError:selfHook.bind 不是函数

尝试实现:

主要.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

有人在 open issue 上发帖关于 Vue3 对库的支持，他们创建了它的 Vue3 版本:https://github.com/victorybiz/vue3-tel-input

我已经试过了，它似乎工作正常!