使用 async / await 调用挂在 vue 组件中

Question

我使用 vue 框架迈出了第一步，但我无法解决以下问题。

dateClick(arg)
        {
            this.cal.date = arg.date;
            this.cal.title = arg.resource.title;
            this.cal.resource = arg.resource.id;

            // const slots = (async() => {
            //     return await dataService.getSlots(arg);
            // })().catch(console.error);
            // console.log(slots);

            (async() => {
                const slots = await dataService.getSlots(arg);
                console.log(slots);
            })().catch(console.error);
        }

异步函数中的 console.log 工作正常并返回插槽。最后，我还需要在当前的 Vue 组件中设置一个数据属性，例如 this.cal.slots = slot。但这不起作用，总是未定义。我还尝试了上面的注释代码来返回等待 - 这将导致“Promise {pending}”。不知道怎么解决？

Answer 1

试试这样：

async dateClick(arg) {
  ...
  this.cal.slots = await dataService.getSlots(arg);
  ...