Vue.js 使用vuetify进行选择时出现的问题
我正在尝试使用vuetify材质设计添加选择,但选择未显示选项 如果我加上标签:Vue.js 使用vuetify进行选择时出现的问题,vue.js,vuetify.js,vue-test-utils,vue-material,Vue.js,Vuetify.js,Vue Test Utils,Vue Material,我正在尝试使用vuetify材质设计添加选择,但选择未显示选项 如果我加上标签:有效,但这个标签破坏了设计 例如: 当我添加标签时: 错误: [Vuetify] Unable to locate target [data-app] found in ---> <VMenu> <VSelect> <IngresaComponent> at src/components/LogIn/ingresa.vue
有效,但这个标签破坏了设计
例如:
当我添加标签时
:
错误:
[Vuetify] Unable to locate target [data-app]
found in
---> <VMenu>
<VSelect>
<IngresaComponent> at src/components/LogIn/ingresa.vue
<App> at src/App.vue
<Root>
[Vuetify]无法定位目标[data app]
发现于
--->
在src/components/LogIn/ingresa.vue
在src/App.vue
标签:
<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>
伊尼西亚塞西翁酒店
提交
清楚的
引用手册-所有应用都需要v-app组件。这是Vuetify的许多组件的挂载点
您能否为此制作一个codepen、JSFIDLE或codesanbox,以便我们自己看到问题所在?以解决样式问题。正如Ivo所说,v-app是必需的。引用手册-所有应用程序都需要v-app组件。这是Vuetify的许多组件的挂载点
您能否为此制作一个codepen、JSFIDLE或codesanbox,以便我们自己看到问题所在?以解决样式问题。正如Ivo已经说过的,v-app是必需的。