在vue模板中使用Typescript静态方法

Question

我想在vue模板中使用Typescript静态方法

export class ProjectUI {
  static budget(p: Project): string {
    if (p.budget > 0) {
       return p.budget + "EUR"
    } else {
       return "No budget."
    }
}

和模板

:value="ProjectUI.budget(p)"

，我不想使用过滤器。不过，Vue在编译模板时找不到该方法（因为ProjectUI.budget是TS语法）。

Answer 1

您只能使用在组件上定义的函数和变量。因此，在您的情况下，您可以将ProjectUI类公开为数据变量：

data() {
    return {
        ProjectUI
    }
}