在vue组件中导入承诺时无法设置undefined属性

时间:2019-07-06 10:22:30

标签: javascript vue.js promise electron-vue

  • “ vue-electron”:“ ^ 1.0.6”
  • “电子”:“ 4.2.4”
  • “ webpack”:“ ^ 4.15.1”
  • “ vue”:“ ^ 2.5.16”

在vue组件中,我导入了一个js文件

<template>
...
</template>

<script>
import something from './../js/file.js';

export default {
    name: 'test',
    data() {
        return {
        };
    },
    components: {
    },
    methods: {
    },
    mounted: function() {
    }
};
</script>

在js文件中,我有个承诺

// file.js

'use strict';

function getTest() {    
    return new Promise((resolve, reject) => {
        resolve('test')
    })
}

module.exports.getTest = getTest

所以,我有一个问题:无法设置未定义的属性“ getTest” 有人有主意吗? tks

1 个答案:

答案 0 :(得分:0)

您应该像这样使用export default function getText ...

export default function getTest() {    
    return new Promise((resolve, reject) => {
        resolve('test')
    })
}

如果要导出的功能很多,可以按照以下步骤进行操作:

export  function getTest() {    
    return new Promise((resolve, reject) => {
        resolve('test')
    })
}

export  function getTest_1() {    
    return new Promise((resolve, reject) => {
        resolve('test 1')
    })
}

并像这样导入它们:

import {getTest,getTest_1}  from './../js/file.js';