首先,你需要安装vue-i18n库。你可以使用npm或yarn进行安装: bash npm install vue-i18n --save # 或者 yarn add vue-i18n 安装完成后,在你的Vue项目中引入vue-i18n。 2. 在Vue项目中配置i18n实例 在你的Vue项目的入口文件(通常是main.js或main.ts)中,配置vue-i18n实例: javascript import { createApp } ...
// en.json{"hello": "Hello","message": "Hello, {name}!"}// zh-CN.json{"hello": "你好","message": "你好,{name}!"} 3. 在 Vue 应用中设置和使用 Vue I18n 在你的主文件(通常是main.js或main.ts)中,你需要创建createI18n实例并将其作为插件添加到 Vue 应用中。 import { createApp } ...
"vue":"^3.2.31","vue-i18n":"^9.2.0-beta.34", AI代码助手复制代码 安装npm install vue-i18n@next 这样装的最新版的才能在vue3.0使用 1、main.ts import{ createApp }from'vue'importAppfrom'./App.vue'importrouterfrom'./router'import{ setupI18n }from'@/locales/setupI18n';constapp =createAp...
不能使用 Vue.prototype.$i18n = i18n; 会报错,报错原因是与 vue-i18n 内部的变量重名,故这里使用 $i18n_ 代替,但这不影响页面使用 $i18nObject.defineProperty(Vue.prototype,'$i18n_', {get() {// 此 this 为页面 vue 实例,若页面配置了国际化,则使用页面的实例,否则用组件库的国际化returnthis.$i18n|...
Vue入门教程 #Vue #前端开发
项目里用到了vue-i18n,在.vue文件中有这样的标签,我用node将所有.vue文件中<i18n>中的json提取到一个json文件中,翻译人员翻译好之后,再用node写回到.vue里面,然后就没有了格式信息,变成了一行 <i18n> { "CN": { "hello":"你好" }, "EN": { "hello":"hi" } } </i18n> node写入之后: <i18n> ...
项目里用到了vue-i18n,在.vue文件中有这样的标签,我用node将所有.vue文件中<i18n>中的json提取到一个json文件中,翻译人员翻译好之后,再用node写回到.vue里面,然后就没有了格式信息,变成了一行 <i18n> { "CN": { "hello":"你好" }, "EN": { "hello":"hi" } } </i18n> node写入之后: <i18n> ...
在vue3.0的项目中 直接使用标签会报错 并不能被转义成对应的html Reproduction vue2写法 <i18n path="term" tag="label" for="tos"> {{ $t('tos') }} </i18n> const messages = { en: { tos: 'Term of Service', term: 'I accept xxx {0}.' }, ja: { tos: '利用規約', term: '私...
项目里用到了vue-i18n,在.vue文件中有这样的标签,我用node将所有.vue文件中<i18n>中的json提取到一个json文件中,翻译人员翻译好之后,再用node写回到.vue里面,然后就没有了格式信息,变成了一行 <i18n> { "CN": { "hello":"你好" }, "EN": { "hello":"hi" } } </i18n> node写入之后: <i18n> ...
vue使用vue-i18n 切换中英文, { path: '/coursedetail/:courseid', name: 'coursedetail', component: coursedetail, meta: { // auth: false title:'课程详情' } },这个title怎么切换中英文了?谢谢vue.js 有用关注6收藏 回复 阅读9.3k Vera: 怎么解决的 回复2019-09-27 liuguangqing: 我的跟你一...