我正在尝试使用vuetify材质设计添加选择,但是选择不显示选项
并且如果我添加标签:<v-app> </v-app>
可以工作,但这会破坏设计
,当我添加标签<v-app> </v-app>
时:
错误:
[Vuetify] Unable to locate target [data-app]
found in
---> <VMenu>
<VSelect>
<IngresaComponent> at src/components/LogIn/ingresa.vue
<App> at src/App.vue
<Root>
标签:
<template>
<div>
<div class="container up">
<div class="container down">
<h3>Inicia Sesion</h3>
<form method="POST">
<v-text-field
v-model="email"
:error-messages="emailErrors"
label="Correo"
required
@input="$v.email.$touch()"
@blur="$v.email.$touch()"
></v-text-field>
<v-text-field
v-model="password"
:error-messages="passwordErrors"
:append-icon="show1 ? 'visibility' : 'visibility_off'"
:type="show1 ? 'text' : 'password'"
required
label="Ingresa contraseña"
:counter="20"
@input="$v.password.$touch()"
@blur="$v.password.$touch()"
@click:append="show1 = !show1"
></v-text-field>
<v-select :items="options" label="Standard"></v-select>
<v-btn class="mr-4" @click="submit" :disabled="!isComplete">submit</v-btn>
<v-btn @click="clear">clear</v-btn>
</form>
</div>
</div>
</div>
</template>