Vue中使用vue-i18插件实现多语言切换功能

前端之家收集整理的这篇文章主要介绍了Vue中使用vue-i18插件实现多语言切换功能前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

在基于vue-cli项目开发过程中,多语言切换功能可使用vue-i18插件,具体实现方法如下:

step1: 在项目中安装vue-i18插件

step2:在项目的入口文件main.js中引入vue-i18n插件

',components: { Layout },})

step3:页面中使用

在模板中使用时,大概有以下3种情况,若有疏漏,望大家指正

zh.js

首页" },content:{ main:"这里是内容" } }

en.js

1)在标签内作为正文内容

2)作为标签属性使用

3)作为js中文字使用时

4)待补充...

step4:页面上进行中英文切换,在中英文切换的按钮上绑定事件,如下:

至此,vue-i18n插件使用完结。

总结

以上所述是小编给大家介绍的Vue中使用vue-i18插件实现多语言切换功能。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

原文链接:https://www.f2er.com/vue/32632.html

猜你在找的Vue相关文章