[Vuejs]-V-app not showing page layout using vuetify

by

0👍

✅

index.js

The issue was here. I forgot to add vuetify : new Vuetify(), and the issue is resolved.

import Vue from 'vue';
import Vuetify from 'vuetify';
Vue.use(Vuetify);

new Vue({
 vuetify : new Vuetify(),
...
});

-1👍

In your Users component there should be an export default statement as well (without it you can’t import it later) and give it the name: 'Users' for good measure as well. Then it should work as intended. Better also store your components in components. views are meant for everything that has an own route.

Users.vue

<template>
  <div><p>Hello</p></div>
</template>

<script>
 export default {
  name: 'Users',
 }
</script>

Other.vue

<template>
  <v-app>
    <div>
     <Users />
    </div>
  </v-app>
</template>

<script>
 import Users from '@/components/users.vue';
 export default {
  components: {
    Users
  },
</script>

-1👍

I am in a process of migration of vuetify version 1.5 to 2.3 like you

in my case,

contains minus z-index

check your style sheet

Leave a comment