问题标签 [vue-i18n]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
583 浏览

javascript - 使用 Vue.extend 和 vue-i18n 测试组件有什么解决方法吗?

当我们开始我们的项目时,我们没有使用 vue-i18n,但是我们在使用这个插件时遇到了一些问题,它在我们的 karma+mocha 测试中抛出了一些警告,所以我在 github 上发现了这个与 Vue.extend 相关的问题方法:

https://github.com/kazupon/vue-i18n/issues/200

警告示例:WARN: '[vue-i18n] Cannot translate the value of keypath 'input.required'. Use the value of keypath as default.'

因为我们已经有很多使用这种模式的测试:https ://vuejs.org/v2/guide/unit-testing.html#Writing-Testable-Components

我想知道,是否有任何解决方法可以使用 Vue.extend 和 vue-i18n 正确测试组件?

0 投票
1 回答
57 浏览

vue.js - 内部化、语言文件和管理

我有一个项目vue,用于v-i18n管理网站中的所有语言和标题。

然后将所有语言存储到.js文件中

情况

随着时间的推移,可能会有很多变化要做。

问题

我想知道让一个人(除了开发人员)轻松管理它的最佳方法是什么。

我正在考虑一个指向数据库的管理界面链接,但由于vue-i18n依赖于文件,我不确定。

0 投票
1 回答
9093 浏览

vue.js - 如何在我的 vue-route 中使用 vue-i18n?

  1. 我的主要 app.js

    /li>
  2. 语言.js

    /li>
  3. 我的问题是遵循 route.js 代码,我无法使用this.$i18n.t('hello'),因为$i18n不可用。

    /li>

有没有人有类似的情况,想在 vue-route 使用 i18n 并解决问题?

0 投票
2 回答
1209 浏览

laravel - vue-i18n 输出使用类星体数据表标题值

vue中结合vue-i18n和quasar-framework的两种方式

我需要知道,如何放置$t('message.hello')函数,变量中的一个v-html或双括号{{ $t('message.hello')中的实际内容。我试图在computed:- 和mounted()实例中返回函数,我还尝试将它放在window.var.

另一种变体

反过来,我需要像这样将vue渲染变量放入$t('message.hello', {scope: 'world'})方法中:$t('message.hello', {scope: 'returned.fromDataOrSomewhere'})

为什么我需要这个

  1. 我必须从中注入一些数据promisevue-i18n转换动态值。
  2. 我需要将翻译后的值放在Quasar <q-datatable>中,其中列的配置如下:



编辑:

第二种情况解决了。

0 投票
1 回答
1986 浏览

laravel-5.5 - laravel 项目中的 vue-i18n 单文件组件

给定一个 Laravel 5.5 项目,我想使用 vue-i18n 插件的“单文件组件”。文档。这看起来很简单,但我无法让它工作。

应用程序.js

组件/test.vue

word1 正在被替换,但 word2 没有。在 vue 文件中的 i18n 标记之间放置错误的语法不会在编译文件时导致错误 ( npm run dev)。这是有道理的,因为我错过了:

取自文档

这应该进入Webpack configuration. 但是,这个文件在 laravel 中在哪里?我能找到的只是 webpack.mix.js,但是把这段代码放在那里,并没有多大作用......而且让它mix.module.exports没有起到任何作用。搜索使我想到了这个话题,但我不确定他是否和我问的一样。

问题:未加载 i18n-tags。解决方案是添加文档中的代码。

我的问题:我在哪里添加此代码?

0 投票
1 回答
4862 浏览

vue.js - Vue-i18n 在 data 方法中不能正常工作?

多语言文件夹i18n内容如下:

src lang cn.js us.js index.js

index.js文件的内容如下:

mina.js

我想说写模板标签和JS代码,如下:

当我切换多语言方法时:

在模板中,多语言语法的行为符合预期,但 JS 语法则不然。它注意显示某种语言,问题出在哪里?谢谢!

0 投票
1 回答
709 浏览

internationalization - 如何使用 VueJS 翻译我的路线?

如何使用 VueJS 和 vue-i18n 翻译我的路线?

你可以在这里查看我的仓库: https ://github.com/polikin/vuejs-boilerplate/

前任:

0 投票
3 回答
2818 浏览

vue.js - 如何从 vue-i18n 获取货币符号

我想根据语言环境显示货币符号

我想显示

或者

等等...

并有一种方法来显示名称:

0 投票
1 回答
6501 浏览

vue.js - 如何在 vue-i18n 中显示带小数的货币和不带小数的货币

通过以下配置,我可以输出带有货币的金额

在组件内部

我可以输出:

以下格式在某些情况下可能很好,但如果我需要输出简单的金额,例如:5 英镑、10 英镑等。我不能。我试图配置它没有成功。

0 投票
1 回答
3597 浏览

vue.js - 当我添加 vue-i18n (karma + mocha + phantomJs) 时,Vue 项目测试失败

我在我的项目中包含了国际化(我决定使用 vue-i18n lib)
翻译按预期工作,但是当我运行我的单元测试时,我有错误,注意:在添加 vue-i18n 之前测试通过了。

我的 vue-i18n 配置(src/i18n/index.js):

主要js:

这是我测试的组件(Home.vue):

这是测试(Home.spec.js):

我得到的错误:

我四处寻找其他类似的问题,但找不到明确的解决方案。

谢谢!