Номер телефона с выпадающим кодом страны vue js не работает? - PullRequest
Новая
       10

Номер телефона с выпадающим кодом страны vue js не работает?

0 голосов
/ 08 апреля 2020

Я перехожу по этой ссылке: https://codepen.io/otuzel/pen/PooBoQW?editors=1011, но выдает ошибку Неизвестный пользовательский элемент: - правильно ли вы зарегистрировали компонент? я установил плагин -> npm установить vue -tel-input 

<div id="app">
  <v-app id="inspire">
  <v-form>
  <v-container>
    <v-row>        
      <v-col cols="12" sm="6" md="3">
        <vue-tel-input v-bind="bindProps" v-model="phone" v-on:country-changed="countryChanged"></vue-tel-input>
      </v-col>
    </v-row>
  </v-container>
  <v-btn
    color="success"
    @click="submit"
  >
    submit
  </v-btn>
</v-form>

в скрипте 

<script>
export default {

 data() {
return {
  phone: null,
  country: null,
  bindProps: {
    mode: "international",
    placeholder: "Enter a phone number",
    required: false,
    enabledCountryCode: true,
    enabledFlags: true,
    autocomplete: "off",
    name: "telephone",
    maxLen: 25,
    inputOptions: {
      showDialCode: true
    }
  }
}
},
methods: {
countryChanged(country) {
 this.country = '+' + country.dialCode
},
submit() {
  console.log(this.phone)
  console.log(this.country)
   }
 }
}
</script>

, сообщив об ошибке Неизвестный пользовательский элемент: - правильно ли вы зарегистрировали компонент? Почему это происходит? я установил плагин -> npm установить vue -tel-input

...