问题标签 [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.
vue.js - 获取子组件中的当前语言环境
我无法在我的子组件中从 vue-i18n 获取语言环境参数。
我已经在 cli ui 中安装了 vue-i18n。使用 $t("message") 的翻译正在工作,但是当我尝试访问 i18n.locale 时出现错误
我的输入点(main.js)
我的子组件
i18n.js
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 的依赖项:
我需要做什么?
vue.js - 使用 Vue Test Utils 时无法读取未定义的属性“$i18n”
我正在尝试使用 vue-test-utils 测试使用 VueI18n 进行翻译的 BaseDialog 组件。我无法让测试运行执行以下错误:
我已经尝试了这里列出的所有解决方案,但没有结果。
以下是相关代码:
我真的不知道还能在这里尝试什么。这是一个项目的开始,我必须支持 9 种语言和超过 500 个键,所以我必须让它工作。很感谢任何形式的帮助。
javascript - 如何在 vuetify 中集成 vuei18n?
我这里有这个代码笔
https://codepen.io/anon/pen/OqyqaP
我试图将 vuei18n 集成到 vuetify 中。但是它不起作用。它应该Element per sida:
显示在表格的右下角,因为我将其设置为sv
.
有谁知道出了什么问题?
https://vuetifyjs.com/en/framework/internationalization
谢谢
js
vue.js - VueI18n:动态翻译 javascript 变量
我正在尝试根据服务器返回的值显示通知。我不知道如何使用刚收到的键值动态检索翻译值。
例如,值为error.response.data.errorDetailsCode
“invalid_credentials”,翻译为“Invalid credentials provided”
我在控制台上收到此警告:
vue-i18n - 无法在 vue-i18n 中使用复数
我的讯息:
我的模板:
repeat
= 100的输出:
代替:
我做错什么了?
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 中实现这一点?
vue.js - 为什么在 vue data() 中很难使用 vue-i18n(为什么它不是响应式的)
我在一个 vue 项目中使用vue-i18n 。而且我发现在i18n中使用 vue 中的一些数据时真的很混乱。data
然后,如果我更改locale
,该数据不是反应性的。我试图data
从另一个返回它,computed data
但无论如何它不是反应性的,因为 i18n 是用data
. *我的情况 - *我想在其上方显示带有下拉列表(带有复选框的列列表)的表格。当用户检查一列时,如果取消选中,它将显示在表格中。在我改变之前它工作正常。改变后不locale
locale
table columns
已翻译但dropdown items
被反应性翻译,我的代码将不再工作。这里有一些代码可以更好地解释:在我的myTable.vue
组件中,我使用bootstrap-vue 表-
template
在myTable.vue
script
在myTable.vue中
有人可以给我一些关于这种情况的建议吗?
*在某些调试后编辑:我认为在过滤columns
(in computed
) 并将其返回到fieldsForTable
内部filterColumns(columns)
方法时,它实际上返回数组(对象)而label='Label Name'
不是label=this.$t('labelName')
。所以过滤后的新数组与vue-i18n无关。我最后的机会是在语言环境更改时重新加载页面。
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