kingdee-cosmic-clikingdee-cosmic-cli
首页
指南
  • 金蝶云苍穹社区
  • 资源市集
  • KDesign
  • CHATUI X
作者博客
首页
指南
  • 金蝶云苍穹社区
  • 资源市集
  • KDesign
  • CHATUI X
作者博客
  • 起步
    • 介绍
    • 安装与创建
    • 卸载与升级
  • 全局配置
  • 开发事项
    • 介绍
    • 苍穹预览模式
    • RAM模式
  • AI辅助
    • 介绍
    • React 工程提示词
    • Vue 工程提示词
    • Skill
    • UI 还原
    • 自动化测试
  • 生产与产物分析事项
  • 资源拉取策略分析
  • 数据请求策略
    • 策略设计
    • Mock服务
  • 国际化
  • React18 起步工程
    • 介绍
    • 接口请求书写
    • 状态管理
  • Vue3 起步工程
    • 介绍
    • 接口请求书写
    • 状态管理
  • 主题色切换
  • 图标方案
  • 规范与温馨提示
    • Eslint
    • 工程与编码规范
    • 温馨提示
  • 未来计划与感谢 📅

国际化多语言方案

生产环境的国际化方案采用的是社区提供的方法:自定义控件的多语言开发

主要利用的 API 为 window.KDApi.getLangMsg

开发环境没有这个 API,我做了一层封装来模拟行为,保证开发环境和生产环境的代码编写是一样的,效果也是一样的,直接使用即可。

同时,无论选择 React 还是 Vue,写法都一样。

使用例子:

import getLangMsg from "@utils/langMsg";

// 例子获取一个词条
function getMsg() {
  const msg = getLangMsg("name");
}

国际化文本维护在 src/lang 文件夹中。正常情况下至少要在本地提供一个中文词条和英文字条的 JSON 文件。一般发布的时候,会有对应的流水根据中文词条去把其他语言的词条生成出来。

如果不需要国际化,那就不使用这个 API,并且在 index.ts 中注册控件时取消多语言配置 { isMulLang: true }

最近更新:: 2026/3/10 09:58
Contributors: pangzong
Prev
数据请求策略
Next
React18 起步工程