国际化配置
本项目集成了 Vue i18n,页面加载时会自动转换为对应的语言。
语言包定义
本项目目前支持两种语言包类型,使用时需要手动导入。
- 公用语言包,存在在src/locale目录下。
- 页面语言包,当度存放在对应页面目录下,使用时需将 locale 在src/locale对应文件中引入。
语言包配置示例
export default {
"settings.title": "页面配置",
"settings.themeColor": "主题色",
"settings.layout": "系统布局",
"settings.content": "内容区域",
"settings.search": "搜索",
};
使用
- 在 html 中使用,使用 $t 即可。
<div>{{$t('settings.search')}}</div>
- 在script中使用,手动引入 Vue i18n,使用 i18n 对象的 t 方法来获取。
import { i18n } from 'vue-i18n'
const { t } = i18n()
console.log(t('settings.search'))
插件推荐