vue-i18n遇到的问题

vue-i18n是一个针对于vue 跟换语言的一个插件

最近在使用的过程中，遇到了下面的问题

出现上面提示会出现哪些页面上的问题呢？

在点击跟换语言的时候，只能更换一次。再历经千辛万苦才发现是main.js中语言标识的位置处问题了

const i18n = new VueI18n({  // 语言标识  locale: 'zh-CN',  // this.$i18n.locale  // 通过切换locale的值来实现语言切换  messages: {    // 中文语言包    'zh-CN': require('./lang/zh.json'),    // 英文语言包    'en-US': require('./lang/en.json')  }})

正确的写法：

const i18n = new VueI18n({  // 语言标识  locale: 'zh',  // this.$i18n.locale  // 通过切换locale的值来实现语言切换  messages: {    // 中文语言包    'zh': require('./lang/zh.json'),    // 英文语言包    'en': require('./lang/en.json')  }})

就可以解决此问题了。