Javascript 使用mixin的计算属性的Vue组件

Javascript 使用mixin的计算属性的Vue组件,javascript,vue.js,vuejs2,vue-component,Javascript,Vue.js,Vuejs2,Vue Component,我有一个简单的组件,它使用mixin,在具有类似功能的多个组件之间共享 当我运行它时,我似乎变得 实例上未定义属性或方法“activeClass”,但 在渲染期间引用 这是我的混音 导出默认值{ 数据(){ 返回{ 开:错, 标识:“” } }, 计算:{ activeClass(){ 返回{ 活动:此文件已打开 }; } }, 创建(){ listen(this.identity+'-toggled',opened=>this.opened=opened); }, 方法:{ 切换(){ wi

我有一个简单的组件,它使用mixin,在具有类似功能的多个组件之间共享

当我运行它时,我似乎变得

实例上未定义属性或方法“activeClass”,但 在渲染期间引用

这是我的混音


导出默认值{
数据(){
返回{
开:错,
标识:“”
}
},
计算:{
activeClass(){
返回{
活动:此文件已打开
};
}
},
创建(){
listen(this.identity+'-toggled',opened=>this.opened=opened);
},
方法:{
切换(){
window.EventHandler.fire('toggle-'+this.identity);
}
}
}
还有我的组件


从“../../mixins/Trigger”导入触发器;
导出默认值{
数据(){
返回{
mixins:[触发器],
数据(){
返回{
身份:'语言'
}
}
}
}
}

由于某些原因,我似乎无法从组件中访问
activeClass
computed属性。知道为什么会发生这种情况吗?

尝试将mixin移动到组件主范围。当然不是在数据函数中重新返回

——你知道我已经盯着它看了很长一段时间,但没有意识到。非常感谢。