javascript - 为什么 vue-lang 不能与过滤器一起使用？

Question

我使用vue-lang 。它有效，但不完全

问题

在 JSON 文件中有一个示例:

"messages": "You have {0} {1} messages"

然后将此代码作为过滤器

<p>{{$lang.messages | replace countmsg 'new'}}</p>

但是当我通过示例执行此操作时，这里会出现错误

[Vue warn]: Failed to resolve filter: replace countmsg 'new'

我的文件

main.js

import Vue from 'vue'
import Lang from 'vue-lang'

const locales = {
  'cs': require('./lang/cs.json')
}

Vue.use(Lang, {lang: 'cs', locales: locales})

lang/cs.json

{
  "messages": "You have {0} {1} messages"
}

View /login.vue

<template>
  <p>{{$lang.messages | replace countmsg 'new'}}</p>
</template>

<script>
  export default {
  name: 'Login',
  data: function() {
    return {
      countmsg: 5
    }
 }
</script>

仍然不起作用。我做错了什么？

Answer 1

我不熟悉这个特定的库，但使用这样的过滤器的通常方法是:

{{ $lang.messages | replace(countmsg, 'new') }}

该过滤器的文档似乎已有 3 年历史，因此可能已过时。调用过滤器的语法前段时间已更改:https://v2.vuejs.org/v2/guide/migration.html#Filter-Argument-Syntax-changed