V-文本字段不显示边框

Question

我在Vuejs项目中使用Vuetify。我将v-文本字段元素添加到具有概述属性的v-窗体中，但它没有显示边框。谢谢。

• 代码为main.js中的项目添加Vuetify：

import Vuetify from 'vuetify/lib'
import 'vuetify/src/stylus/app.styl'
import 'vuetify/dist/vuetify.min.css'
import 'material-design-icons-iconfont/dist/material-design-icons.css'

Vue.use(Vuetify, {
    iconfont: 'md',
});

• 在登记表中使用：

<v-form @submit.prevent="handleRegister" id="register-form" data-vv-scope="register-form">
    <v-text-field outlined v-model="user.email" v-validate="'required|email'"
        name="email" :error-messages="errors.collect('register-form.email')" 
        label="メールアドレス"
        :class="{ 'is-invalid': submitted && errors.has('register-form.email')}">
    </v-text-field>
    <v-text-field v-model="user.password" v-validate="'required|min:8|max:20'"
        :error-messages="errors.collect('register-form.password')"
        :type="'password'" single-line outlined name="password"
        label="パスワード"
        :class="{ 'is-invalid': submitted && errors.has('register-form.password') }"
    ></v-text-field>
    <v-text-field v-model="user.password_confirmation"
         v-validate="'required|min:8|max:20'"
         :error-messages="errors.collect('register-form.password_confirmation')"
         label="パスワード確認" name="password_confirmation"
         single-line outlined :type="'password'"
         :class="{ 'is-invalid': submitted && errors.has('register-form.password_confirmation') }"
    ></v-text-field>
    <v-text-field v-model="user.user_id" v-validate="'required|min:4|max:20'"
         :error-messages="errors.collect('register-form.user_id')"
         single-line outlined label="ユーザID" name="user_id"
         :class="{ 'is-invalid': submitted && errors.has('register-form.user_id') }"
    ></v-text-field>
</v-form>

Answer 1

您使用的是1.5.5 vuetify版本。您应该尝试使用大纲属性，而不是概要。他们在V2.0中修改了它，我想您已经读过v2文档了。