使用导出的值在Vue Composition API的设置中
P粉237125700
P粉237125700 2023-08-25 21:31:18
0
1
365

在一个普通的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不是一个函数的错误。如果不是异步的话,可以正常工作。这里有什么解决方法?

P粉237125700
P粉237125700

全部回复 (1)
P粉245003607

你可以尝试在计划的js文件中声明fetchEvents和isEventActive方法,而无需将其包装在任何函数中

const fetchEvents = () => { //body }; const isEventActive = () => { //body };

并将它们导出为

export {fetchEvents, isEventActive};

现在使用它们

import {fetchEvents,isEventActive} from 'path-to-js-file' export default { setup() { fetchEvents() isEventActive() } }
    最新下载
    更多>
    网站特效
    网站源码
    网站素材
    前端模板
    关于我们 免责声明 Sitemap
    PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!