Меню Vuetify не работает: свойство или метод «on» не определен в экземпляре, но на него ссылаются во время рендеринга

Question

Я копирую первый пример из официальной документации Vuetify о меню, но в результате возникает ошибка:

"Свойство или метод" вкл "не определено вэкземпляр, на который ссылаются во время рендеринга ".

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

Answer 1

У меня была такая же проблема в Vuetyfy 1.4.4 и Vue 2.5. Обновление этих пакетов исправило проблему. В vue 2.6.9 и vuetify 1.5.6 атрибут v-slot: activator = "{on}" прекрасно работает. Проверьте ваши устаревшие пакеты по npm outdated --depth=0 а затем обновить их npm update vuetyfy vue etc.