我有一个存储库(在MenuRepository.js文件中),它有一个index()方法,当我试图从Vue实例中的mounted()函数调用该方法时,我得到以下错误

enter image description here

这以前一直有效,所以我无法想象发生了什么..

class MenuRepository {
  async index () {
    const result = await Nova.request().get('/')
    return result.data
  }
}

export default MenuRepository

这是Vue文件

import MenuRepository from '../repositories/MenuRepository'

export default {
  async mounted () {
    try {
      const menus = await MenuRepository.index()
    } catch (err) {
      console.error(err)
    }
  }
}

推荐答案

解决方案

问题是它没有被实例化.

使用

export default new MenuRepository()

而不是

export default MenuRepository

Vue.js相关问答推荐

为什么发送 POST API 请求时主体对象没有react ?

将 v-calendar 与以时间和日期格式出现的事件一起使用

Vue 3 范围滑块中的多个值

TailwindCSS 为什么前者比后者重要?

如何容器化 Vue.js 应用程序?

nuxt.js - 预加载 .woff 字体加载为@font-face

如何在 Vue.js 中获取完整的当前日期和时间,而无需编写大量 JavaScript 行

如何在 Laravel 中包含 Bootstrap-Vue

Vue:如何将 store 与组件一起使用?

Nuxt & Vuetify:如何控制 CSS 文件的加载顺序?

Vue @click 不适用于存在 href 的anchor锚标记

如何将参数传递给使用 ...mapActions(...) 映射的函数?

从 Url 中删除查询字符串参数

Amazon EC2 错误:监听 EACCES 0.0.0.0:80

Angular 5 中的 功能

如何克隆props对象并使其无react

v-if inside v-for - 在两列中显示项目列表

VueJS 2 在多个组件上debounce

使用 Vue.js 获取所有选中复选框的列表

偶数行格式化