Vue.js vuetify下拉列表获取数据'；通过使用vue无限加载

我尝试使用vue无限加载为vuetify下拉列表获取数据。函数未自动调用。 下面是我的代码

        <v-menu offset-y offset-x bottom left max-height="500" min-width="400" max-width="450">
            <template v-slot:activator="{ on }">
                <el-badge :value="unReadMessage" :hidden="hidden" class="item">
                    <v-icon color="white" v-on="on">notifications</v-icon>
                </el-badge>
            </template>
            <v-list v-for="(item, index) in notification_data" :key="index">
                <v-list-tile>
                    <v-list-tile-content>
                        <v-list-tile-title>{{item.title}}</v-list-tile-title>
                        <v-list-tile-sub-title>{{item.description}}</v-list-tile-sub-title>
                    </v-list-tile-content>
                </v-list-tile>
            </v-list>
            <infinite-loading :identifier="infiniteId" @infinite="infiniteHandler"  ref="infiniteLoading"></infinite-loading>
        </menu>

通知
{{item.title}
{{item.description}

下面是用脚本写的。我已经导入了这个“从“vue无限加载”导入无限加载” 当我把无限加载器从菜单中取出时，它正在工作，但它显示了列表中的值

    <script>
       methods: {
                infiniteHandler($state) {
                    this.loading = true;
                    this.axios.get(api, {
                        params: {
                            page: this.page,
                        },
                    })
                        .then(({data}) => {
                            if (data.next !== null) {
                                this.page += 1;
                                this.notification_data = this.notification_data.concat(data.results);
                                this.loading = false;
                                $state.loaded();
                            }
                            else {
                                this.loading = false;
                                this.notification_data = this.notification_data.concat(data.results);
                                $state.complete();
                            }
                        })
                        .catch(error => {
                            this.$notify({
                                type: 'error',
                                title: 'Error!',
                                message: error,
                            });
                        });
                },
       },
       components: {
         InfiniteLoading
       }
    </script>

方法：{
无限句柄（$state）{
这是。加载=真；
这个.axios.get（api{
参数：{
page:this.page，
},
})
。然后（{data}）=>{
if（data.next！==null）{
本页+=1；
this.notification\u data=this.notification\u data.concat（data.results）；
这一点：加载=错误；
$state.loaded（）；
}
否则{
这一点：加载=错误；
this.notification\u data=this.notification\u data.concat（data.results）；
$state.complete（）；
}
})
.catch（错误=>{
这是$notify({
键入：“错误”，
标题：“错误！”，
信息：错误，
});
});
},
},
组成部分：{
无限阅读
}