Vuetify 自动完成不会呈现

Question

我正在使用 Vue 开发 UI，我正在使用 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>

关于我可以尝试让自动完成工作的方法有什么想法吗？（我已经尝试 copy/pasting 将 VAutocomplete 的文件夹放入我的应用程序的 node_modules 文件夹中，但也许我需要将它添加到其他地方？）谢谢！

Answer 1

那里的每个人都在发生这种情况，Vuetify 刚刚发布了一个新版本（大约 2-3 天前），V1.1。 UI 组件 <v-autocomplete> 是在同一版本中添加的，即它是 Vuetify 现在拥有的最新组件之一。

所以现在你需要检查并确保你的 Vuetify（你安装的那个）是否更新到版本 V1.1，你可以通过查看来完成进入项目文件package.json的devDependencies或dependencies。

文件：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>.

希望对你有所帮助

Vuetify 自动完成不会呈现

Vuetify Autocomplete will not Render

autocomplete

vue.js

vuetify.js