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

国际化多语言方案

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

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

但是开发环境没有这个 API,于是做了一层封装来模拟行为,使用例子:

<script setup lang="ts">
import { inject, ref } from 'vue'
import { useLang } from '@hooks/index'

const getLangMsg = useLang()
</script>

<template>
  <div>{{ getLangMsg('lang') }}</div> // getLangMsg 的用法完全和 window.KDApi.getLangMsg 一致
</template>

国际化文本维护在 src/lang 文件夹中。

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

最近更新:: 2024/6/28 16:20
Contributors: 庞囧
Prev
状态管理