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>

关于我可以尝试使自动完成工作有什么想法？（我已经尝试将VAutocomplete的文件夹复制/粘贴到应用程序的node_modules文件夹中，但是也许我需要将其添加到其他位置？）谢谢！

Answer 1

每个人都在发生这种情况，Vuetify刚刚发布了一个新版本（例如2-3天后）， V1.1 。 UI组件<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道具一起使用，<v-select>是一个值得一看的组件，因为成立。这确实做同样的事情，但是缺少一些次要的东西（这就是为什么您应该更新）。您可以像这样使用<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自动完成功能不会渲染

1 个答案: