从 asyncData 访问组件方法 - nuxtjs

【问题标题】：Access component methods from asyncData - nuxtjs从 asyncData 访问组件方法 - nuxtjs
【发布时间】：2019-02-02 07:03:06
【问题描述】：

我正在使用 nuxtjs，我正在尝试确定是否可以从异步数据函数访问组件方法。

例如我想做这样的事情：

methods: {
    parseResult(data) {
        // do somthing with data...
    }
},

async asyncData({ app }) {
    const { data } = await app.$axios.get('/some/api')
    return app.parseResult(data)
},

【问题讨论】：

标签： vuejs2 nuxt.js

【解决方案1】：

你不能。在docs 中有说明

您无法通过 this 内部访问组件实例 asyncData，因为它是在启动组件之前调用的。

你可以将你的方法移动到 vuex 存储中并从 asyncdata 中调用它

【讨论】：

如果根本不需要访问组件，您也可以简单地将方法移到 Vue 组件之外（就在它上方）并将其作为普通 JS 函数调用。