elmentui国际化
时间: 2023-11-16 13:54:56 浏览: 146
ElementUI提供了国际化的支持,可以通过引入不同语言的翻译文件来实现。具体步骤如下:
1. 安装 `vue-i18n` 插件:`npm install vue-i18n --save`
2. 在 `main.js` 中引入 `vue-i18n` 并创建实例:
```javascript
import Vue from 'vue'
import VueI18n from 'vue-i18n'
import App from './App.vue'
Vue.use(VueI18n)
const i18n = new VueI18n({
locale: 'zh-CN', // 默认语言
messages: {
'zh-CN': require('./lang/zh-CN'), // 中文语言包
'en-US': require('./lang/en-US') // 英文语言包
}
})
new Vue({
el: '#app',
i18n,
render: h => h(App)
})
```***```javascript
module.exports = {
message: {
hello: '你好',
world: '世界'
}
}
```
4. 在组件中使用 `$t` 方法来获取翻译后的文本:
```html
<template>
<div>
<p>{{ $t('message.hello') }}</p>
<p>{{ $t('message.world') }}</p>
</div>
</template>
```
阅读全文
相关推荐






