vue-i18n相关内容

VUE-I18N,这是它的替代。$I18N使用合成API?

尝试使用组合API在组件中实现VUE-I18N。 我希望能够在onmount挂钩中设置一些翻译消息。在选项API中,我将使用this.$i18n.setLocaleMessage(locale, messages)。 但是,this在组合API setUp()方法中不可用。所以,当我尝试上面的方法时,它给了我不确定的感觉。我可以通过将i18N导入到组件中来实现: import { useI18n ..
发布时间:2022-04-07 16:30:32 前端开发

Vue.js 3-在VUE中使用Vue i18n插件时出错-无法设置未定义的属性';_vm

我刚刚开始使用Vue.js,并通过一些在线代码片段和教程学习它。我正在尝试为我的VUE项目实现国际化支持,但在Web控制台中遇到错误。 以下是我的代码片段 main.js import { createApp } from 'vue'; import App from './App.vue'; import VueI18n from 'vue-i18n' import route ..
发布时间:2022-04-07 15:49:56 前端开发

如何使用 vue-i18n 加载我真正需要的语言文件?

使用 vue-i18n 可以很容易地翻译你的 Vue.js 应用程序.但是随着您的项目的增长,您不想加载所有语言的所有消息.大多数用户从不切换语言.我们为每种语言设置了单独的域,切换语言的情况极为罕见. 所以 vue.i18n 似乎支持延迟加载.或者是吗? 您可以在完整的文档中看到它 //如果语言还没有加载return import(/* webpackChunkName: "lan ..
发布时间:2021-09-23 19:11:22 前端开发

如何在 Vue Web 组件中使用 vue-i18n?

我正在使用 vue-cli 3 和 --target wc 选项创建一个 Vue Web 组件.我还需要组件来使用 vue-i18n 插件,这需要像这样将一些选项传递给主 Vue 实例: new Vue({i18n: 新的 VueI18n({ ... ])...}) 在常规 Vue 应用程序中,这很好,因为我控制了主 Vue 实例的构造.但是,当构建为 web 组件时,主要 Vue 对象的构建 ..
发布时间:2021-09-20 20:24:39 前端开发

Vue-i18n - 无法读取未定义的属性“config"

首先我向你展示什么是有效的(在 App.js 中) 从'./routes.js'导入路由器;从'vue-i18n'导入VueI18n;常量消息 = {zh: {信息: {你好:'你好世界'}}}//使用选项创建 VueI18n 实例const i18n = 新的 VueI18n({locale: 'en',//设置语言环境消息,//设置区域设置消息})const app = new Vue({e ..
发布时间:2021-09-20 19:34:32 前端开发

使用 Vuetify 和 Vue-i18n 翻译

我正在使用 Vuetify,并希望为按钮添加我自己的翻译,并使用 Vuetify 提供的翻译.我目前的 Vuetify 配置文件设置如下: 从“vue"导入Vue从“vuetify"导入 Vuetify导入“vuetify/dist/vuetify.min.css"导入“@fortawesome/fontawesome-free/css/all.css"从“vue-i18n"导入 VueI18n ..
发布时间:2021-09-20 19:31:23 前端开发

vue-i18n 如何与 vue 3 配合使用?

我只是在 Vue 3 中安装了 vue-i18n 我遇到了错误; 我在 app.js 文件中的代码 import { createApp } from 'vue';//......从 './translate/en.json' 导入 en从 './translate/ar.json' 导入 ar从 './translate/ku.json' 导入 kuimport { createI18n ..
发布时间:2021-09-20 19:06:31 前端开发

如何通过 @storybook/addon-contexts 在 vue js 项目中使用 storybook 切换语言环境

我正在寻找能够在故事书中从 vue-i18n 切换语言环境的示例.我找到了这个 addon-context story 在官方故事书 github 上,但我在制作作品时遇到了一些困难. 我使用的是 storybook v5.3、vue.js v2.6 和 vue-i18n v8.15.4. 目前,我有 2 个条目(英语和法语)的地球图标.但是当我切换时,它对 vue-i18n 语言环境 ..
发布时间:2021-08-30 20:14:02 前端开发

Vue.js 3-在Vue中使用VueI18n插件时出错-无法设置未定义的属性'_vm'

我刚刚开始使用Vue.js,并通过一些在线代码段和教程对其进行了学习.我正在尝试为我的vue项目实施国际化支持,但是在Web控制台中出现错误. 这是我的代码段 main.js 从'vue'导入{createApp};从"./App.vue"导入应用;从'vue-i18n'导入VueI18n从'./router/index'导入路由器函数loadLocaleMessages(){con ..
发布时间:2021-05-19 20:42:20 前端开发