使用 Vuetify 中的 v-form 和 v-text-field 时 Vue 警告和组件不显示

Question

我正在尝试使用 Vuetify 节点包中的 v-form 和 v-text-field 组件。

<template>
  <v-form>
    <v-text-field label="Test" type="foo"></v-text-field>
    <v-text-field label="bar" type="text"></v-text-field>
  </v-form>
</template>

当我这样做时，即使这是模板中的唯一组件，我也有 those warnings and the components are not displayed, but still show up in the inspector。

其他组件，如 v-container、v-row/v-col 或 v-btn 工作正常，它在 Firefox 和 Chrome 上都出现了。我目前正在使用 vuetify 3.0.0.alpha.2

感谢阅读！

Answer 1

Vuetify 版本 3.0.0-alpha.2 v-form 和 v-text-field 似乎还没有在可用组件中（它只是在 alpha 过程中，正在开发中）

What is included in the alpha?

Currently most base functionality of Vuetify is included in the alpha. This includes core services such as theme, configuration, and layout. A small subset of base components are also included such as grid system, sheets, and buttons. For full list of available components, visit the UI Component and API sections.

尝试使用像 v2.4.7

这样的稳定版本

Answer 2

升级到 vuetify 3.0.0-beta.1 将解决 the problem。

使用 Vuetify 中的 v-form 和 v-text-field 时 Vue 警告和组件不显示

Vue warning and component not showing while using v-form and v-text-field from Vuetify

javascript

vue.js

vuetify.js