v-form 和 v-text-field 在 vue cli 3.0 中不起作用答案

【问题标题】：v-form and v-text-field not working in vue cli 3.0v-form 和 v-text-field 在 vue cli 3.0 中不起作用
【发布时间】：2019-02-01 13:09:58
【问题描述】：

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

vue add vuetify

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

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

有人可以帮我做这些事情吗？提前谢谢！

【问题讨论】：

您使用的是哪个版本的 vuetify？你能在你使用 v-text-field 的地方分享一个代码 sn-p 吗？它对我有用：codesandbox.io/s/vqm5m8lwz0
vue-cli-plugin-vuetify 看起来不太精致。我只是用老式的方式在你的项目中安装 vuetify

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

你在安装 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,
...
}})

【讨论】：