首页 > 解决方案 > 在 Vue 的挂载钩子中未定义 javascript 对象的函数

问题描述

我有一个 js 文件,我调用了我的另一个 js 文件。

第一个 js 文件如下所示:

应用程序.js

const app = {
    ...functions
    ,
    plugins: {
        createTab: function(options) { ... }
    }

}

现在,我在另一个名为global.tab.js的 js 中调用 app.js,就像这样......

import { app } from '.app.js';
export const initTab = () => {
    app.plugins.createTab(some_parameters);
}

现在在我的 vue 组件中,我像这样调用global.tab.js ..

import { initTab } from './js/global.tab.js';
export default {
    ...
    ...
    mounted() {
        initTab();
    }
}

但是当我运行该项目时,我收到错误消息:[Vue warn]: Error in mounted hook: "TypeError: Cannot read property 'plugins' of undefined"

标签: javascriptvue.jsvuejs2

解决方案


推荐阅读