Skip to content

如何配置菜单国际化?

以添加"项目文档"菜单为例,配置 key 为 document

1. 添加语言包

ts
// src/lang/en.ts
export default {
  route: {
    document: "Document",
  },
}

// src/lang/zh-cn.ts
export default {
  route: {
    document: "项目文档",
  },
}

2. 新增菜单

在后台「菜单管理」新增菜单时,菜单名称填写语言包中的 key:route.document

菜单国际化配置

3. 效果

切换语言后,菜单名称会自动显示对应语言的文本:

  • 中文环境:项目文档
  • 英文环境:Document

命名规范

建议菜单的 i18n key 统一使用 route.xxx 格式,便于管理和维护。

基于 MIT 许可发布