我们的软件,为了满足不同地区的需求,我们的前端部分需要做,多语言的支持,这里做一个简单的分享!
1.首先,安装;
npm install vue-i18n
2.在与main.js同级目录下,新建文件夹,如图吧:

3.看一下main.js,注意文件的目录结构,层级;

4.看i18n.js;

5.看index.js

6.cn.js

7.en.js

8.tw.js

9.下面是在组件里切换语言;



截图,不上代码的原因,希望可以自己动手写一遍,不要复制粘贴!
其实吧! 截图也挺累!
我们的软件,为了满足不同地区的需求,我们的前端部分需要做,多语言的支持,这里做一个简单的分享!
1.首先,安装;
npm install vue-i18n
2.在与main.js同级目录下,新建文件夹,如图吧:
3.看一下main.js,注意文件的目录结构,层级;
5.看index.js
截图,不上代码的原因,希望可以自己动手写一遍,不要复制粘贴!
其实吧! 截图也挺累!
本文标题:vue项目国际化,中英繁,三种语言切换
本文链接:https://www.haomeiwen.com/subject/kgtwbftx.html
网友评论