element-plus国际化配置
时间: 2023-11-14 07:06:42 浏览: 180
国际化组件
要在 element-plus 中进行国际化配置,首先需要安装 `vue-i18n`,然后在项目中创建一个 `i18n.js` 文件,配置相应的语言信息和翻译内容,例如:
```javascript
import { createI18n } from 'vue-i18n'
const messages = {
en: {
hello: 'Hello!'
},
zh: {
hello: '你好!'
}
}
const i18n = createI18n({
locale: 'zh', // 设置默认语言
messages // 设置语言信息和翻译内容
})
export default i18n
```
然后在 main.js 中引入 `i18n.js` 文件并将其挂载到 Vue 实例上:
```javascript
import { createApp } from 'vue'
import App from './App.vue'
import i18n from './i18n'
createApp(App).use(i18n).mount('#app')
```
最后,在 element-plus 组件中使用 `$t` 函数进行翻译,例如:
```html
<template>
<el-button>{{ $t('hello') }}</el-button>
</template>
```
阅读全文