Skip to content

多语言

fcDesigner 提供了多语言支持,通过 locale 配置项,你可以轻松切换界面的显示语言。内置的语言包包括中文、英文和日文,方便应对不同地区的需求。

导入语言包

在使用之前,你需要先导入所需的语言包。以下是三种内置语言的导入方式:

  • 中文:
js
import Zh from "@form-create/designer/locale/zh-cn.js";
  • 英文:
js
import En from "@form-create/designer/locale/en.js";
  • 日文:
js
import Jp from "@form-create/designer/locale/jp.js";

配置语言包

导入语言包后,你可以通过 locale 属性将其应用到 fc-designer 组件中。以下示例展示了如何在 Vue 项目中配置和使用语言包:

vue
<template>
    <!-- 将语言包通过 locale 属性传递给 fc-designer 组件 -->
    <fc-designer :locale="locale" />
</template>
<script>
import En from "@form-create/designer/locale/en.js"; // 导入英文语言包
export default {
  data(){
    return {
        locale: En,
    }
  }
}
</script>

通过以上步骤,你现在已经成功配置了多语言支持,可以根据需求自由切换语言。