typescript - 如何从组件属性访问类成员？

Question

我需要创建一个 mixin 来设置标题和元数据。为此，我找到了 vue-meta，效果很好。但我还不熟悉基于打字稿和类的组件。

如何pageTitle在组件属性中访问类成员metaInfo()？

示例代码：

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

@Component({
  metaInfo() {
    return {
      title: pageTitle, // here I would like to access class member
    };
  },
})
export default class headerMixin extends Vue {
  pageTitle: string = 'Page Title'; // definition of class member
}

Answer 1

考虑到该metaInfo函数接收组件实例作为上下文，它可以像这样完成：

@Component({
  metaInfo(this: headerMixin) {
    return {
      title: this.pageTitle
    };
  },
})
export default class headerMixin extends Vue {
  pageTitle: string = 'Page Title';
}