vue 템플릿에서 Typescript 정적 메서드 사용

vue 템플릿에서 Typescript 정적 메서드 사용

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는 템플릿을 컴파일할 때 메서드를 찾을 수 없습니다(프로젝트로).UI.budget은 TS 구문입니다).

구성 요소에 정의된 함수 및 변수만 사용할 수 있습니다.당신의 경우 프로젝트를 노출시킬 수 있습니다.데이터 변수로서의 UI 클래스:

data() {
    return {
        ProjectUI
    }
}

언급URL : https://stackoverflow.com/questions/51835792/using-typescript-static-methods-in-vue-templates