Vuetify: v-on="on": Property or method "on" is not defined on the instance

Created on 21 Mar 2019  路  5Comments  路  Source: vuetifyjs/vuetify

<div class="text-xs-center"> <v-menu offset-y> <template v-slot:activator="{ on }"> <v-btn color="primary" dark v-on="on" > Dropdown </v-btn> </template> <v-list> <v-list-tile v-for="(item, index) in items" :key="index" @click="" > <v-list-tile-title>{{ item.title }}</v-list-tile-title> </v-list-tile> </v-list> </v-menu> </div>

it cannot work
it print :
Property or method "on" is not defined on the instance
what is the "on" ?????

invalid

Most helpful comment

i confirm. when we use new syntax with v-slot:activator="{ on }". v-menu component is broken.

All 5 comments

Please only create issues with the provided issue creator. In the boilerplate for creating an issue, it explains that any ticket made without this will be automatically closed. Thank you.

i confirm. when we use new syntax with v-slot:activator="{ on }". v-menu component is broken.

I'm getting the same error. I did a full npm update and still same issue:

*Getting the following error:
-vue.runtime.esm.js?2b0e:601 [Vue warn]: Property or method "on" is not defined on the instance but referenced during render.

*Code:
ref="menu"
v-model="testval"
:close-on-content-click="false"
:nudge-right="40"
:return-value.sync="date"
lazy
transition="scale-transition"
offset-y
full-width
min-width="290px"
\>
\
\
\
\Cancel
\OK
\

\

*Versions:
-Vue.js : 2.6.10
-Vuetify : 1.5.14 (updated to latest)

*Code Example:
-https://codesandbox.io/s/y059rpqmzz
-Note, the code is working without issues on codesandbox, however, the exact same code is not working on my application (getting above error). This app is built internal to my company, so I don't have a working example that causes this error.

I restart my project and install the right version of vue-template-compiler , then it works again.

you could try this ,and verify you package.json for the consistency of vue-template-compiler and vue.

Add on prop remove warning for me using vuetify 2.2.4

Was this page helpful?
0 / 5 - 0 ratings

Related issues

lukef picture lukef  路  30Comments

DeepDiver1975 picture DeepDiver1975  路  32Comments

thearabbit picture thearabbit  路  31Comments

JacksMyth picture JacksMyth  路  68Comments

mitar picture mitar  路  38Comments