使用vuetify进行选择时遇到的问题

时间:2019-09-14 10:46:27

标签: vue.js vuetify.js vue-test-utils vue-material

我正在尝试使用vuetify材质设计添加选择,但是选择不显示选项 并且如果我添加标签:<v-app> </v-app>可以工作,但这会破坏设计

示例: enter image description here

,当我添加标签<v-app> </v-app>时:

enter image description here

错误:

[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>

0 个答案:

没有答案