vue项目中vue-i18n和element-ui国际化开发实现过程

前端之家收集整理的这篇文章主要介绍了vue项目中vue-i18n和element-ui国际化开发实现过程前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

在vue构建的项目中,我们常用element-ui插件,在我的博客前面有讲述,具体插件进行国际化开发,但是在前面博客中,如果项目中使用了element-ui插件插件中的语言文字替换可以结合element-ui插件一同进行。element-ui插件自身也提供了语言包。具体的配置和使用方法参考如下:

默认你已构建好了一个vue项目,在vue项目中安装vue-i18n以及element-ui插件

在项目文件中如下图,创建语言包文件夹i18n文件

在main.js用引入i18n.js,以及引入element-ui插件

' })

在i18n.js中

i18n.t(key,value)) export default i18n

文件夹langs中

index.js

en.js

cn.js

通过上述方式的设置,就能完成vue-i18n和element-ui的国际化开发。

总结

以上所述是小编给大家介绍的vue项目中vue-i18n和element-ui国际化开发实现过程。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

猜你在找的Vue相关文章