问题标签 [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 回答
14822 浏览

vue.js - 获取子组件中的当前语言环境

我无法在我的子组件中从 vue-i18n 获取语言环境参数。

我已经在 cli ui 中安装了 vue-i18n。使用 $t("message") 的翻译正在工作,但是当我尝试访问 i18n.locale 时出现错误

我的输入点(main.js)

我的子组件

i18n.js

0 投票
5 回答
19038 浏览

vue.js - Vue-i18n '无法读取 Proxy.Vue.$t 处未定义的属性 '_t'

将 vue-i18n 合并到我的应用程序中时遇到问题。将此页面用作灵感。

给出错误:Cannot read property '_t' of undefined at Proxy.Vue.$t 在 Chrome devtools 中跟踪错误将我带到 vue-i18n.esm.js 的第 149 行(返回语句):

我正在使用 vue-cli-3 webpack 配置并从 npm 安装 vue-i18n 并用作插件。

i18n.js(在 src/plugins 目录中):

主.js:

来自 package.json 的依赖项:

我需要做什么?

0 投票
1 回答
3909 浏览

vue.js - 使用 Vue Test Utils 时无法读取未定义的属性“$i18n”

我正在尝试使用 vue-test-utils 测试使用 VueI18n 进行翻译的 BaseDialog 组件。我无法让测试运行执行以下错误:

我已经尝试了这里列出的所有解决方案,但没有结果。

以下是相关代码:

我真的不知道还能在这里尝试什么。这是一个项目的开始,我必须支持 9 种语言和超过 500 个键,所以我必须让它工作。很感谢任何形式的帮助。

0 投票
1 回答
982 浏览

javascript - 如何在 vuetify 中集成 vuei18n?

我这里有这个代码笔

https://codepen.io/anon/pen/OqyqaP

我试图将 vuei18n 集成到 vuetify 中。但是它不起作用。它应该Element per sida:显示在表格的右下角,因为我将其设置为sv.

有谁知道出了什么问题?

https://vuetifyjs.com/en/framework/internationalization

谢谢

js

0 投票
1 回答
2307 浏览

vue.js - VueI18n:动态翻译 javascript 变量

我正在尝试根据服务器返回的值显示通知。我不知道如何使用刚收到的键值动态检索翻译值。

例如,值为error.response.data.errorDetailsCode“invalid_credentials”,翻译为“Invalid credentials provided”

我在控制台上收到此警告:

0 投票
1 回答
1109 浏览

vue.js - vee-validate 的 Vue-i18n 集成无法按照文档中的说明工作

您好,我将 vee-validate 文档中的复制/粘贴到此代码框中,但没有收到验证消息 - 只是控制台上出现以下错误:

它是 vue-validate 、 vue-i18n 、 vuejs 中的错误吗?还是应该以某种方式对其进行配置?

0 投票
1 回答
462 浏览

vue-i18n - 无法在 vue-i18n 中使用复数

我的讯息:

我的模板:

repeat= 100的输出:

代替:

我做错什么了?

0 投票
3 回答
1452 浏览

vue.js - 在 vue-i18n 的子组件中使用基于组件的翻译

我正在使用vue-i18n在我的 vue 应用程序中翻译消息。我有一些添加的全局翻译new VueI18n(...)以及一个名为c-parent. 该组件包含名为 的子组件c-child。现在,我想使用基于组件的翻译c-parent也在c-child.

我在这个小提琴中做了一个小例子:https ://jsfiddle.net/d80o7mpL/

问题出在输出的最后一行: 中的消息c-child未使用基于组件的翻译进行翻译c-parent

由于所有组件都“继承”了全局翻译,因此我希望基于组件的翻译(在它们各自的组件子树中)也是如此。有没有办法在 vue-i18n 中实现这一点?

0 投票
1 回答
3008 浏览

vue.js - 为什么在 vue data() 中很难使用 vue-i18n(为什么它不是响应式的)

我在一个 vue 项目中使用vue-i18n 。而且我发现在i18n中使用 vue 中的一些数据时真的很混乱。data然后,如果我更改locale,该数据不是反应性的。我试图data从另一个返回它,computed data但无论如何它不是反应性的,因为 i18n 是用data. *我的情况 - *我想在其上方显示带有下拉列表(带有复选框的列列表)的表格。当用户检查一列时,如果取消选中,它将显示在表格中。在我改变之前它工作正常。改变后不localelocale table columns已翻译dropdown items被反应性翻译,我的代码将不再工作。这里有一些代码可以更好地解释:在我的myTable.vue组件中,我使用bootstrap-vue 表- templatemyTable.vue

scriptmyTable.vue中

有人可以给我一些关于这种情况的建议吗?

*在某些调试后编辑:我认为在过滤columns(in computed) 并将其返回到fieldsForTable内部filterColumns(columns)方法时,它实际上返回数组(对象)而label='Label Name'不是label=this.$t('labelName')所以过滤后的新数组与vue-i18n无关。我最后的机会是在语言环境更改时重新加载页面。

0 投票
1 回答
4292 浏览

javascript - 使用 Vue I18n 的 Vue.js 项目出现以下错误:“TypeError: i18n is undefined”

我正在尝试使用 Vue I18n 在我的 Vue.js 项目中添加国际化。

我正在使用文档(即http://kazupon.github.io/vue-i18n/guide/sfc.html#basic-usage),但我收到以下错误消息:

我不明白为什么 i18n 是“未定义的”,因为我已经通过 NPM 安装了它,如文档中所示。

有人可以帮助我吗?

我已经尝试在互联网上寻找解决方案,但没有成功。

为了帮助解决这个问题,我在下面发送我使用的代码。

先感谢您。

MainNavBar.vue

main.js

vue.config.js

包.json