vue-i18n-plugin无法正常工作

时间:2016-04-13 17:35:06

标签: javascript internationalization vue.js

我正在尝试使用this plugin翻译我的应用,一切正常,直到我不得不使用格式过滤器来替换值!

它会正确替换标签,但是当我对替换的obj进行任何更改时,它不适用于该消息!

作为一个例子,我有类似于DataTables的东西,我有消息:"显示{0}条目" ..首次加载时工作正常!但是当我通过过滤器过滤器搜索某些内容时,该消息的数字不会改变!

有人?

我的观点:{{ $i18n.messages.data_grid_entries_showing | format listLength }}

其中listLength的计算方法如下: listLength () { return this.list.length; }

------------ ----------修订

我只是更改了我正在使用的插件!我认为它几乎相同,但现在看起来比另一个更活跃......但问题仍然存在...... https://github.com/kazupon/vue-i18n

有一个示例代码!首先显示Showing 1 entries,它应该在点击按钮时递增,但它不会! VALUE正确递增但它没有显示消息的变化!

JS

Vue.use(i18n, {
  lang: 'en-US',
  locales: {
    "en-US": {
      message: "Showing {0} entries"
    },
  }
});

new Vue({
  el: '#app',
  data: {
    value: 1
  },
  methods: {
    incrementValue: function() {
      this.value++;
    }
  }
});

HTML

<div id="app">
  {{ $t('message', [value]) }}
  <button @click="incrementValue()">Click to increment</button>
</div>

0 个答案:

没有答案