在 tupescript mixin 错误中访问 vue 组件 getter (TS2339)

Question

i have this:

import {Component, Vue} from 'vue-property-decorator';

@Component({})
export default class MyMixin extends Vue {
scrollToTop(): void {
        let scrollingWrapper: any = (this.$refs[this.activeTab] as Vue).$refs['scrolling-wrapper'];
        ...
    }
}

then

export default class MyModal extends MyMixin {
        get activeTab(): string {
            return myStore.activeTab;
        }
}

Mixin calls component's getter and everything works fine, but i get this message TS2339: Property activeTab does not exist on type 'MyMixin'.

Answer 1

Try defining it here

import {Component, Vue} from 'vue-property-decorator';

@Component({})
export default class MyMixin extends Vue {

activeTab: any;
scrollToTop(): void {
        let scrollingWrapper: any = (this.$refs[**this.activeTab**] as Vue).$refs['scrolling-wrapper'];
        ...
    }
}

Answer 2

It is a poor solution, but i'm not able to find another. Casted this to any before method call.

let scrollingWrapper: any = (this.$refs[(this as any).activeTab] as Vue).$refs['scrolling-wrapper'];

Thanks to everyone.