使用导出的值在Vue Composition API的设置中
P粉237125700
P粉237125700 2023-08-25 21:31:18
[Vue.js讨论组]

在一个普通的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()
  }
}
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号