Vuetify Autocomplete не будет отображать - PullRequest
Новая
       13

Vuetify Autocomplete не будет отображать

0 голосов
/ 03 июля 2018

Я разрабатываю пользовательский интерфейс с помощью Vue и использую инфраструктуру Vuetify для его удивительных компонентов.

До сих пор я использовал v-toolbar, v-card, v-text, v-select и пару других, и все отлично работало. Однако, по какой-то причине, когда я пытаюсь использовать v-autocomplete, он не загружается! Он загрузит все вокруг, но не само автозаполнение. Это ошибка, которую я получаю в консоли браузера: 

Unknown custom element: <v-autocomplete> - did you register the 
component correctly? For recursive components, make sure to provide the 
"name" option.

found in

---> <App> at src/App.vue
       <Root>

Есть какие-нибудь идеи о том, что я могу попытаться заставить автозаполнение работать? (Я уже пытался скопировать / вставить папку VAutocomplete в папку моего приложения в node_modules, но, возможно, мне нужно добавить ее в другом месте?) Спасибо!

1 Ответ

0 голосов
/ 03 июля 2018

Это происходит со всеми, Vuetify только что выпустила новую версию (примерно 2-3 дня назад), * ​​1001 * V1.1 . Компонент пользовательского интерфейса <v-autocomplete> был добавлен в той же версии, то есть это один из последних компонентов, которые Vuetify имеет в настоящее время.

Так что теперь вам нужно проверить и убедиться, что ваш Vuetify (тот, который вы установили) обновлен до версии V1.1 , что вы можете сделать, просто взглянув на devDependencies или зависимостей файла package.json вашего проекта.

Файл: package.json 

 "dependencies": {
    "axios": "^0.18.0",
    "vue": "^2.5.2",
    "vue-router": "^3.0.1",
    "vuetify": "^1.1.1", <-- something like this
    "vuex": "^3.0.1"
  },

Чтобы обновить Vuetify до V1.1 , все, что вам нужно сделать, это следовать в терминале 

npm i vuetify

Это удалит любую предыдущую версию vuetify и установит последнюю версию.

Я рекомендую вам сделать это (обновите vuetify). Так как V1.1 имеет много более интересных и полезных компонентов, которые вы должны изучить.

Однако, если по каким-то причинам вы не хотите обновлять его, я бы посоветовал вам использовать <v-select> с autocomplete prop, <v-select> - это компонент, который существует в vuetify с самого начала. Это делает то же самое, но не хватает нескольких мелких вещей (вот почему вы должны обновить). Вы можете использовать <v-select> вот так. 

<v-select
            autocomplete
            append-icon="label"
            :items='getTags'
            multiple
            hint="Atleast 3 tags required"
            v-model="tagy"
            :search-input.sync="search"
            :loading = "loading"
            cache-items
            editable
            flat
            placeholder="Select only suggested tags"
            >
</v-select>

Ну вот и все, я все же рекомендую вам обновить до V1.1 и перейти на <v-autocomplete>.

Надеюсь, это поможет вам.

...