Vue.js 使用vue3电话输入。为什么v-model指令不'；行不通

我想在vuejs 3上的应用程序中使用此库。 有一个现成的组件

问题：指令v-model不起作用-作为模型传递给组件的数据中的变量未更改

从组件发出的每个输入事件都工作三次——在控制台中可见

---

致以最诚挚的问候。

v-model

在

vue3电话输入中不起作用，因为该组件不起作用。组件似乎完成的唯一迁移是插件安装

在Vue 2中，模型属性名为
“value”
，模型更新事件名为
“input”
。但是在Vue 3中，它们分别被重命名为
“modelValue”
和
“update:modelValue”
。注意如何
vue3电话输入
和

解决方法是让使用者组件手动绑定
值
并侦听
输入
事件，从而在父级中有效实现Vue 2
v-model
：


{{phone}}
从“vue3 tel input”导入{VueTelInput}
导入“vue3电话输入/dist/vue3电话输入.css”
导出默认值{
组成部分：{
VueTelInput
},
数据（）{
返回{
电话：“+79991234567”，
}
},
方法：{
onInput（电话、电话对象、输入）{
if（phoneObject？格式化）{
this.phone=phoneObject.formatted
}
}
}
}