在一个普通的js文件中,代码如下:
export default async function exportData() { const { data } = await store .dispatch('fetchData') const { bookings } = data const booking = bookings.length ? bookings[0]._id : '' const event = { bookingID: booking } // 其他方法和变量 return { ..... } }
在vue文件中:
import exportData from './exportData' export default { setup() { const { fetchEvents, isEventActive, } = exportData() fetchEvents() } }
问题是在vue组件中,从exportData获取的值是undefined,当导出是异步的时候,会出现fetchEvents不是一个函数的错误。如果不是异步的话,可以正常工作。这里有什么解决方法?
你可以尝试在计划的js文件中声明fetchEvents和isEventActive方法,而无需将其包装在任何函数中
并将它们导出为
现在使用它们