Vue (Vue中的volar)不识别过滤器。

Question

我刚刚创建了一个简单的测试组件，如下所示：

    <template>
      <div>{{ value | currency }}</div>
    </template>
    <script lang="ts">
    import { Component, Vue } from 'vue-property-decorator';
    @Component({ filters: { currency: (v: number) => '$' + v } })
    export default class Test extends Vue {
      value: number = 10;
    }
    </script>

但我收到了以下错误

类型‘Test’..ts中不存在

属性“currency”(2339)

​

​

重要的是要知道，没有问题的vue-cli构建或服务。错误只出现在用户界面上。

我在用

• vue@^2.6.14

• vue-class-component@^7.2.6

上的

• VSCode volar 1.0.3扩展

如何在用户界面上解决这个错误？

这是一个最小的可重复的例子，这里的问题是安装过滤器包，比如：vue-currency-filter和那些过滤器没有被GUI识别。

Answer 1

即使您找到了解决问题的方法，我仍然建议您不要使用过滤器，因为API是在Vue3：https://v3-migration.vuejs.org/breaking-changes/filters.html中删除的。

因为Vue3现在是官方的稳定版本，所以没有必要使用没有前途的API。(它在Vue2中已经被废弃很长时间了)

您可以使用常规方法调用或计算。

PS:同样，你可能需要给它一个特定的过滤器或类似的错误，但由于它是不推荐的，我甚至不确定它是一件事。最好还是忽略这条路上的那条。