标签:vue zh elementUI yyy js 国际化 en i18n
1. 先创建一个lang 文件夹,创建两个js文件en.js(英文), zh.js(中文), 另外创建一个index.js文件(用于)
en.js(两者必须保持一致)
2. 在index.js 中引入vue和vue-i18n, 并注册vue-i18n 然后 引入en.js和zh.js两个文件
(1) elementEnLocale 和elementZhLocale 是element-ui国际化需要的,如果没有使用element-ui,则不需要引入
(2) locale : 设置的默认的语言
3. 将i18n引入main.js, 并在初始化注册 (中间圈住的是element-ui 为了兼容vue-i18n@6.x)
4. 使用方式
(1) 双括号 {{$t('xxx.yyy')}}
(2) 绑定到属性上: :prop="$t('xxx.yyy')"
(3) 在js语句中使用`${this.$t('xxx.yyy')}`
5. 改变语言 将你定义的语言名字赋值给this.$i18n.locale
标签:vue,zh,elementUI,yyy,js,国际化,en,i18n 来源: https://www.cnblogs.com/zwnsyw/p/12867669.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。