微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

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

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

![enter image description here

这可能与我在安装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 举报,一经查实,本站将立刻删除。