v-форма и v-текстовое поле не работают в vue cli 3.0 - PullRequest
Новая
       29

v-форма и v-текстовое поле не работают в vue cli 3.0

0 голосов
/ 27 августа 2018

В настоящее время я создаю проект с использованием Vue Cli 3. И для его интерфейса я выбрал Vuetify.Добавляя Vuetify в Vue Cli 3, я просто запускал команду 

vue add vuetify

. Я могу использовать другие функции Vuetify, такие как v-layout, v-button и т. Д. Но всякий раз, когда я использую v-form илиv-text-field, похоже, не работает.И ошибка:

[Vue warn]: неизвестный пользовательский элемент: - вы правильно зарегистрировали компонент?Для рекурсивных компонентов обязательно укажите опцию «имя»

Может ли кто-нибудь помочь мне, чтобы я мог заставить эти вещи работать?Заранее спасибо!

Ответы [ 2 ]

0 голосов
/ 23 ноября 2018

Это случилось со мной тоже.Это похоже на проблему импорта.Я решил это, импортировав файл vuetify css в мой main.js файл.Нравится: 

import 'vuetify/dist/vuetify.min.css';
0 голосов
/ 27 августа 2018

Вы выбрали «Использовать компоненты по заказу» в процессе установки vue-cli-plugin-vuetify?Если это так, убедитесь, что вы также импортировали и добавили все необходимые компоненты в файл конфигурации plugins / vuetify.js

Добавьте имена необходимых компонентов в оператор импорта.

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

И убедитесь, что вы также добавили свои импортированные компоненты в раздел компонентов, где инициализируется vuetify. 

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

Дополнительная информация: https://vuetifyjs.com/en/guides/a-la-carte

...