add:国际化
This commit is contained in:
@@ -18,7 +18,10 @@ import permission from './components/Permission'
|
||||
import './assets/styles/element-variables.scss'
|
||||
// global css
|
||||
import './assets/styles/index.scss'
|
||||
|
||||
// add-xy start
|
||||
import { fetchMessages } from '@/api/i18n' // 有一个API模块来获取语言文件
|
||||
// 当前语言,可以从本地存储、用户设置或URL参数中获取
|
||||
const currentLocale = localStorage.getItem('lang')
|
||||
// 代码高亮
|
||||
import VueHighlightJS from 'vue-highlightjs'
|
||||
import 'highlight.js/styles/atom-one-dark.css'
|
||||
@@ -82,3 +85,11 @@ new Vue({
|
||||
store,
|
||||
render: h => h(App)
|
||||
})
|
||||
// add-xy start
|
||||
// 国际化开发:3.调用接口异步获取语言文件,增加api文件
|
||||
fetchMessages(currentLocale).then(messages => {
|
||||
// 将获取到的消息设置到i18n实例
|
||||
i18n.setLocaleMessage(currentLocale, messages.content)
|
||||
// 设置当前语言
|
||||
i18n.locale = currentLocale
|
||||
})
|
||||
|
||||
Reference in New Issue
Block a user