我正在复制an first example来自官方文档Vuetify关于Menus的内容,但是结果是错误的:
"Property or method "on" is not defined on the instance but referenced during render".
<template>
<v-app>
<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>
</v-app>
</template>
<script>
export default {
data: () => ({
items: [
{ title: 'Click Me' },
{ title: 'Click Me' },
{ title: 'Click Me' },
{ title: 'Click Me 2' }
]
})
}
</script>
最佳答案
我在 Vuetyfy 1.4.4 和 Vue 2.5 中遇到了同样的问题。更新此软件包解决了问题。
在 vue 2.6.9 和 vuetify 1.5.6 属性 v-slot:activator="{ on }"中效果很好。
通过以下方式检查您过期的软件包
npm 过时--深度=0
然后更新它们
npm 更新 vuetyfy vue 等
。
关于menu - Vuetify 菜单不起作用 : Property or method “on” is not defined on the instance but referenced during render,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55136999/