vue.js - v-form 和 v-text-field 在 vue cli 3.0 中不起作用

Question

我目前正在使用 Vue Cli 3 创建一个项目。对于它的 UI，我选择使用 Vuetify。在将 Vuetify 添加到 Vue Cli 3 时，我只需运行命令

vue add vuetify

我可以使用 Vuetify 的其他功能，例如v-layout,v-button等。但是每当我使用v-formorv-text-field时，它似乎都无法正常工作。错误是：

[Vue 警告]：未知的自定义元素：- 您是否正确注册了组件？对于递归组件，请确保提供“名称”选项

有人可以帮助我，这样我就可以使这些事情起作用吗？先感谢您！

score 2 · Accepted Answer

这也发生在我身上。这似乎是一个进口问题。我解决了它在我的文件中导入 vuetify cssmain.js文件。喜欢：

import 'vuetify/dist/vuetify.min.css';

score 1 · Accepted Answer

在安装 vue-cli-plugin-vuetify 的过程中是否选择了“Use a-la-carte components”？如果是这样，请确保您还已将所有必要的组件导入并添加到配置文件plugins/vuetify.js

将所需组件的名称添加到导入语句中。

import { 
  Vuetify, 
  VApp,
  ...,
  VForm,
  VTextField,
  ...
} from 'vuetify';

并确保您还将导入的组件添加到 vuetify 初始化的组件部分。

Vue.use(Vuetify,{
components: {
VApp,
...,
VForm
VTextField,
...
}})

2 回答 2