Поле телефона Vue.js 3 с вводом кода страны
Кто-нибудь знает способ вставить поле телефона с раскрывающимся списком кода страны, подобное тому, что в ссылке для 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>
та же ошибка выдается в консоли
Этот пакет зависит от Vue 2, поэтому он не будет работать в приложении Vue 3. Я рекомендую попросить сопровождающих перейти на Vue 3.
Ответы 2
Кто-то написал в открытой проблеме относительно поддержки библиотеки Vue3, что они создали ее версию Vue3: https://github.com/victorybiz/vue3-tel-input
Я попробовал это, и, кажется, работает нормально!
Эта библиотека теперь поддерживает Vue 3. https://iamstevendao.github.io/vue-tel-input/documentation/next.html
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>
Можешь попробовать звонить
useпослеmount?