VuetifyJS中的V-text-field [重复]

Question

如何覆盖 v-text-field？

实际上，我正在尝试制作一个最初应该有一条细线的文本字段，在该细线上将显示标签/占位符。当我点击它时，标签必须向上浮动（像上标一样），并且随着颜色的变化，那条线应该会变得稍微粗一些。

在 Vuetifyjs 中存在这样的文本字段，但是当我复制粘贴组件时，没有发生任何此类事情。颜色没有改变，事实上当没有选择该文本字段时，我们看不到任何类型的线，只有标签。

我尝试使用 class="input-group--focused" 但在这种情况下，标签已经浮起来了。这条线是存在的，但它的不透明度很高，即它的黑色而不是灰色。请帮助我，这会很棒。

我查看了我的依赖项，我正在运行最新版本的 vuetifyjs：1.0.10

类似于 GMail 登录表单的东西

Answer 1

好的，我会试一试，假设您没有将应用程序包装在 v-app 中

来自docs：

为了您的应用程序能够正常工作，您必须将其包装在一个中 v-app 组件。该组件用于动态管理您的 内容区域，是许多组件的安装点。

<div id="app">
    <v-app>
        Put <v-text-field /> somewhere inside
    </v-app>
</div>

当然，检查example layouts 看看哪一个适合你。

如果它不起作用，请参阅 related question 其中 OP 包括 v-app。