如何使用打字稿绑定Vue过滤器？

Question

如何使用TypeScript绑定Vue过滤器？纯js相当简单,但是我遇到了将它转换为TypeScript的问题.

以下代码和编译错误如下:

app.ts

import * as Vue from 'vue'
...
import * as filters from './util/filters'

// register global utility filters.
Object.keys(filters).forEach(key => {
  Vue.filter(key, filters[key]);
})

UTIL/filters.ts

export function host (url: string) {
  ...
}

export function timeAgo (time: any) {
  ....
}

编译错误

错误TS7017:元素隐式具有"任何"类型,因为类型"typeof ..."没有索引签名.

编译错误是为了

Answer 1

我正在使用一个名为vue-property-decorator的库,你可以在其中执行以下操作:

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

@Component({
  name: 'ComponentName',
  filters: {
    filterName(value: any) {
      return 'Hello filter'
    }
  }
})
export default class ComponentName extends Vue {
  textToFormat = 'Hello world'
}

然后应用过滤器:

<p>{{ textToFormat | filterName }}</p>

快乐的编码!