脚本宝典收集整理的这篇文章主要介绍了实现网站的国际化语言切换,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
1:安装 yarn add vue-i18n
在此路径新建一个.js文件: src/lang/index.js后:
2:导入 import VueI18n from 'vue-i18n'3:注册 import Vue from 'vue' Vue.use(VueI18n)4:实例化 const i18n=new VueI18n({ locale:'当前语言的标识', // en:英文 zh:中文 messages:{ // 语言包 en:{ home:'home' }, zh:{ home:'首页' } } }) 5:暴露出去 export default i18n 6:挂载到main.js import i18n from '@/lang' new Vue({ i18n })使用: <div>{{$t('home')}}</home>
import i18n from './lang/index'
import ElementUI from 'element-ui'
Vue.use(ElementUI, {
i18n: (key, value) => i18n.t(key, value)
})
this.$i18n.locale能获取与设置当前语言在js文件中使用国际化
import i18n from '@/lang' 后 将 i18n.t===this.$t
以上是脚本宝典为你收集整理的实现网站的国际化语言切换全部内容,希望文章能够帮你解决实现网站的国际化语言切换所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。