为什么我的 vue-tel-input 国家/地区代码下拉列表在我的 vuejs 应用中格式不正确？

问题描述

我在我的 vuejs 项目中安装了 vue-tel-input 库 https://vuejsexamples.com/international-telephone-input-with-vue/。为什么我的输入字段看起来像这样，没有国旗也没有国家代码？

这可能与我在安装yarn库时看到的错误有关...

error /Users/xxx/Documents/Work/software/xx/xx/node_modules/vue-tel-input: Command Failed.
Exit code: 1
Command: cd docs && npm ci --prefer-offline
Arguments: 
Directory: /Users/xxx/Documents/Work/software/xx/xx/node_modules/vue-tel-input
Output:
/bin/sh: line 0: cd: docs: No such file or directory
  [1]: https://i.stack.imgur.com/AwkyP.png

这是我的相关组件代码...

<template>
  <div>
    <VueTelInput v-model="phoneNumber" v-bind="bindProps"></VueTelInput>
  </div>
</template>

<script>
 import { VueTelInput } from 'vue-tel-input'
 import 'vue-tel-input/dist/css/component.css'
 import 'vue-tel-input/dist/css/sprite.css'

 export default {
   name: 'CuiRegister',computed: {
     ...mapState(['settings']),loading() {
       return this.$store.state.user.loading
     },},components: { VueTelInput }
 }
</script>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）