Vuetify文本字段边框丢失

Question

我正在尝试实现Veutify的文本字段

这就是我现在的样子:

这就是文本字段聚焦时的样子:

这些是我在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.