vue.js - Vuetify 文本字段边框丢失

Question

我正在尝试实现 Veutify 的 text field

这就是我现在的样子:

这是当文本字段处于焦点时的样子:

这些是我在 main.js 中的导入

import Vue from 'vue';
import Vuetify from 'vuetify';
Vue.use(Vuetify);

我是否遗漏了导入或其他内容？

Answer 1

我遇到了同样的问题，您需要将您的应用程序包装在 <v-app> 中.

原因是边框的颜色取决于您使用的主题。如果您尝试检查文档，您会看到边框的规则类似于 .application--light .input-group .input-group__details。 : application--light确实是v-app添加的类.