Vuetify 文本字段边框缺失

Vuetify text field border missing(Vuetify 文本字段边框缺失)

本文介绍了Vuetify 文本字段边框缺失的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

I'm trying to implement Veutify's text field

This is what it looks like for me right now:

And this is what it looks like when the text field is in focus:

These are my imports in main.js

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

Am I missing an import or something?

解决方案

I ran in the same issue, you need to wrap your application in a <v-app>.

The reason is that the border's color depends on the theme you're using. If you try to inspect the documentation you will see that the border's rule is something like .application--light .input-group .input-group__details: application--light is indeed a class added by v-app.

这篇关于Vuetify 文本字段边框缺失的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!

本文标题为:Vuetify 文本字段边框缺失

基础教程推荐