使用nuxt在Pageload上显示加载属性

Question

我有一个运行良好的nuxt项目。但是在加载页面时，执行异步方法。

import charge from '~plugins/charge'
export default {
    asyncData (context, callback) {
        const subscription = context.params.id;
        charge.getAll(subscription, function(result){
            let data = result.data;;
            callback(null, data)
        });
    }
}

我的问题是，页面保持不变，直到执行了异步操作。如何在函数返回结果之前显示加载程序？

Answer 1

Nuxt.js repo中有一个官方示例。查看Custom-Loading示例。