在vuejs中设置html材质设计形式

Question

AM使用Vuetify js

我希望我的表单字段在未激活时具有底部黑色边框，并且在激活时仍然保留默认的蓝色和红色并且有错误

我有

  <v-text-field
          name="input-2"
          label="Label Text"
          value="Input text"
          class="input-group"
        ></v-text-field>

以上生成以下表格

你可以看到没有边框

期待得到的是

第二个有一个底部bnlack边界。

我该怎么做呢。

Answer 1

我的猜测是你没有将v-text-field放在<v-app>内。

来自documentation：

  

为了使您的应用程序正常工作，您必须将其包装在一个   v-app组件。确定网格需要此组件   布局的断点。这可以存在于身体的任何部位，   但必须是所有Vuetify组件的父级。

或者将Vue和Vuetify更新为最新版本。