vue 如何在router.js中实现国际化。

Question

1. 页面菜单根据路由生成的。
2. 所以路由配置的时候会配置name信息。
3. 现在想在路由配置是实现国际化。
4. router，跟i18n对象是同级传入new Vue()的，router无法获取i18n信息。
5. 请问有什么好的解决方案么。

Answer 1

可以直接把在route.js里把路由名替换为翻译文件中的对应key,然后在控制路由的地方，将对应路由名的变量前使用$国际化指令试试。

Answer 2

我也遇到了，按照楼上写的能解决啊。
我这来点截图，您参考一下。
zh.js这么定义：

菜单或者路由里面的名字这么定义：

渲染时，加一个国际化符号：

就OK咯。

Answer 3

您好问题决绝了没，我也遇到了同样的问题

Answer 4

我也遇到这问题了，已解决，我是想在在钩子函数中获取router中设置的name并将浏览器页签中的标题修改为对应国际化名称
，不能使用i18n是因为 钩子函数写在js文件中并没有 Vuecomponent组件导致获取不到Vuei18n
下面上代码
aop.js

lang/index.js

lang/zh.js

setTitle方法

最后附上结果图

Answer 5

1，在langs的route.js文件里配好中英文。


2，然后在routes的路由js文件里，在对应的路由的title上写好。

3，我的项目里的路由引用统一封装了一个AsideMenu.vue的组件，在组件里这样引用的。

这样切换中英文的时候就没问题了

Answer 6

import i18n from '@/i18n'
i18n.t('main.home')