Vuetify issue with v-menu
As far as I understand, in vuetify you need to wrap your application in <v-app></v-app>
. This happens in App.vue
or whatever you have set in your main.js
as root component. The v-app components sets this data-app
attribute.
The documentation says this about it:
Vuetify requires the use of the v-app component. It should wrap your entire application and is the center point for much of the framework functionality including themes. Ensure that you are following the proper markup documented in the Application page.
Source: FAQ: My application does not look correct, retrieved on 2 October 2019
SOLVED
Need to add data-app attribute in the parent wrapper component
<template>
<v-toolbar height="80px" fixed>
<v-toolbar-title data-app>