问题标签 [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.
javascript - 延迟加载vue-i18n中`en.js`或`ja.js`的格式是什么
延迟加载的格式是什么en.js
?ja.js
下面的代码不起作用:
和
我应该怎么办?
vue.js - Vuetify 数据表头的国际化
我正在尝试使用 Vuetify + I18n 国际化我的数据表标题。
当我翻译我的普通代码时,它可以正常工作,但现在我需要翻译我用 Vuetify 构建的数据表的标题。
我已经尝试添加代码this.$vuetify.t('$vuetify.activity.username')
或this.$t('$vuetify.activity.username')
在标题中,但没有任何反应。语言始终保持英语(en)。
有人知道如何解决吗?
我在我的代码下面发送。
先感谢您。
活动.vue
main.js
./assets/lang/index.js
javascript - 使用 Vue-i18n 翻译来自脚本的文本
我安装了 vue-i18n 插件并按照本教程中提到的步骤进行操作。我现在将所有可替换的标签从英语更改为我拥有本地化文件的所有语言。我的问题是我想翻译来自页面 JavaScript 部分的消息,例如错误文本或弹出的通知......等。
例如,我的字段中有占位符,我想翻译它们,所以我的模板如下所示:
在脚本中,我将文本设置如下
我尝试了这个解决方案,但我在该字段中得到的文本是:changePassword.newPasswordPlaceholder
我尝试将 i18n 作为组件调用,但失败了……有没有办法在模板(html)之外设置变量值?
vue.js - 使用 Nightwatch 测试 VueJs 本地化
我有一个从头开始用英语启动的应用程序。我进行了夜班测试,一切正常……但是在添加了另外 2 种语言之后,我希望主要测试能够像以前那样用英语运行,然后更改浏览器语言(因为这是我选择语言的标准) 所以我可以用德语或法语运行其他测试......等等。有没有办法通过更改浏览器的语言来启动测试套件?
我查看了文档,在这方面没有发现任何东西
javascript - Vue.js 中的国际化使用 vue-i18n 从 API 服务器获取 JSON 对象
现在我正在用 Vue.js 构建一个支持多种语言的应用程序。我使用https://kazupon.github.io/vue-i18n实现了国际化。
我想将 i18n 中的消息部分从项目中的静态 JSON 文件更改为 API 调用结果(axios、ajax、Vuex ...etc)。
如何从 API 服务器获取 JSON 消息文件并支持动态多语言服务?
有任何想法吗?提前致谢!
vue.js - 使用 i18n 翻译 vue-router 中的元标记
我不知道如何在 vue.router 中使用 i18n 来翻译用于我的面包屑的元标记
main.js
路由器.js
尝试翻译的路线的关键
任何模板中使用的任何翻译都可以很好地翻译。
vue.js - Vue-i18n 单文件组件不工作
我正在尝试使用 sfc 方法将 v-i18n 实施到我的项目中。我无法让它工作。我不会让你对我的项目感到困惑,这就是为什么在官方 v-i18n sfc 示例中添加 10-15 行代码的原因。
这很简单地说明了我的问题。
对于那些喜欢在 github 上查看这个非常小的问题项目的人
组件1.vue
应用程序.vue
因此,<i18n>
多个组件中的多个标签。我刚刚从 App.vue 修改了 $i18n.locale,但它没有$t('lang')
在 Component1 上触发相关的 i18n 函数,只是$t('hello')
对其自身进行了修改。我怎样才能让它工作?
vue.js - 在 bootstrap-vue 表头中呈现 HTML
我正在制作一个使用 NuxtJS、Bootstrap Vue 和 vue-i18n 的网站。
我有一个<b-table>
以平方米为单位显示面积的表格 ( ),标题应显示:英文为sq m,翻译为m 2 ( m<sup>2</sup>
)。
所以标题字段标签从 i18n 语言环境 JSON 绘制到单个文件组件的表标题标签。字符串绘制正确,但不幸的是,HTML 部分没有呈现,所以我在页面上看到的是m<sup>2</sup>
.
以下是我尝试解决的方法(示例已简化 - 部分已从中删除):
hu.json(翻译语言环境文件)
tableComponentFile.vue(单个文件组件)
因此,一切正常,除了我无法从表头中的语言环境 json 呈现 HTML - 因此表与其中的数据一起呈现,而在其他组件中,这种<span v-html="$t('in_numbers.space')"></span>
技术工作得很好。
如果我尝试m² ( ²
) 或其他任何东西,它就不起作用。
问题是它<template slot>
似乎对任何东西都没有反应(实际上我不确定它是否有效) - 但它应该,正如文档所说(https://bootstrap-vue.js.org/docs/components/table#自定义数据渲染)
有人看到在 bootstrap-vue 的表头中呈现 HTML 的方法吗?
javascript - Vue i18n 包括带有翻译的外部 JSON
我正在使用Vue-i18n包。在每个组件中,我都包含一个带有翻译的 JSON 文件,如下所示:
在本地它工作正常。
但是我在另一台服务器上存储带有翻译的 JSON 文件,所以如果我尝试直接包含外部 JSON,这个包将不起作用:
<i18n src="https://example.com/translations/home.json"></i18n>
相反,我决定在服务器端获取文件(使用节点),但是当我尝试在 docker 容器中部署我的应用程序时遇到了一个问题,因为需要使用构建应用程序npm run build
,所有文件都是构建后已经捆绑在 JS 文件中,因此我无法用我的节点脚本替换这些 JSON 文件。
有人知道如何实现我的目标吗?