M-AdminM-Admin
首页
指南
  • MTable
  • MForm
  • MTinymce
  • 季度选择器
  • MSearchForm
  • 预览地址
  • Gitee源码
  • Github源码
  • 更新日志
捐赠
首页
指南
  • MTable
  • MForm
  • MTinymce
  • 季度选择器
  • MSearchForm
  • 预览地址
  • Gitee源码
  • Github源码
  • 更新日志
捐赠
  • 指南

    • 介绍
    • 快速上手
    • 目录结构
    • 路由、菜单
    • 权限管理
    • 系统配置
  • 进阶

    • 网络请求
    • 国际化配置
    • Hooks
    • Store
    • TSX 支持
  • 组件教程

    • MTable
    • MForm
    • MTinymce
    • 季度选择器
    • MSearchForm
  • 其他

    • 项目代码规范
    • 常见问题

国际化配置

本项目集成了 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'))

插件推荐

i18n Ally

最近更新:: 2025/6/20 05:46
Contributors: xuyp
Prev
网络请求
Next
Hooks