Vuejs3 导入可组合

Question

我想在可组合文件中使用vue-papa-parse 的功能。我已经测试并发现当我将 vue-papa-parse 导入到 vue 组件中时，它可以正常工作。但我不知道如何将它导入到我的 JavaScript 可组合函数中。

main.js

import { createApp } from 'vue'
import App from './App.vue'
import VuePapaParse from 'vue-papa-parse'

const app = createApp(App)

app.use(VuePapaParse)
app.mount('#app')

使用PapaParse.js

import VuePapaParse from 'vue-papa-parse'
        
export default function usePapaParse(){
    function csvToJson(){
        this.$papa.parse('name,address,city,state,zip') // error, can't read parse of undefined
        
        console.log(this.$papa.data)
    }
}

Answer 1

我认为您的问题是因为您不在 .vue 文件的范围内，因此没有注入默认值。

我怀疑这个库暴露了一些你可以直接使用的导出。

尝试直接在导入的对象上调用一些函数

import VuePapaParse from 'vue-papa-parse'

//maybe VuePapaParse.parse
VuePapaParse.someFunc

第二种方法

import * as papa from 'vue-papa-parse'

//check what intellisense shows here
papa.<something>