Skip to content

08 国际化

8.1 配置位置

国际化入口位于 src/i18n/index.js,语言初始化和资源位于 src/i18n/lang/。启动时将 i18n 实例注入 Vue,页面使用 $t 或 i18n API。

8.2 语言资源

新增翻译时在默认语言资源增加稳定 key,并补齐其他支持语言。页面使用 $t('path.to.key'),不要直接写死用户可见文本;参数化文本使用占位符。

js
this.$t('order.status.pending')
this.$t('common.total', { count: total })

8.3 动态内容

页面标题、菜单、按钮、校验提示、空状态和业务提示均应考虑国际化。后端状态先映射为稳定 key,再交给 i18n 翻译。

8.4 注意事项

翻译 key 不要使用易变化的中文句子;语言切换后检查菜单、弹窗、表格列和表单提示的长度;日期、数字和金额格式按项目统一规则处理。