Vue.js Vue过滤器应该如何使用typescript绑定

发布于06月09日

应如何使用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) {
  ....
}

Compile Error

error TS7017: Element implicitly has an 'any' type because type 'typeof ...' has no index signature.

推荐答案

我正在使用一个名为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'
}

然后应用过滤器: