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-form或v-text-field时，它似乎都无法正常工作。错误是：

  

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

有人可以帮助我，以便我使这些事情起作用吗？预先谢谢你！

Answer 1

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

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

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

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

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

更多信息：https://vuetifyjs.com/en/guides/a-la-carte

Answer 2

这也发生在我身上。看来是输入问题。我解决了在我的main.js文件中导入vuetify css文件的问题。喜欢：

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