ELement UI 项目中实现多语言(转载)

注意:这里包含了ELementul带组件的多语,跟自定义的(自己创建的en,zh文件,然后调用,然后放上去实现多语)那个不一样,ElementUl的只需要再i18n.is里面调用即可

1.{{$t('Role.roleName')}}

2.$t('Role.roleName')

3.this.$t('Role.roleName')

//js文件中
4.i18n.t('Role.roleName')

 

 

 

如果最开始语言 为默认浏览器语言i18n.is文件修改如下 (如果失效,应该是i18n版本问题,版本8是可以用的)

npm uninstall vue-i18n
npm install vue-i18n@8

 

如果需要刷新后才能有效果
切换语言时可以加

 // 刷新页面更新视图
 window.location.reload()

如果需要刷新后才能有效果
切换语言时可以加

 

1.Vue文件实现多语的plugin引入

 2.调用方法: i18n.t('')

 

转载于:

https://blog.csdn.net/lr200012/article/details/127486709

https://blog.csdn.net/lr200012/article/details/127486875

posted @ 2023-10-12 10:58  浅巷深念  阅读(297)  评论(0编辑  收藏  举报