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";

配置语言包

导入语言包后,你可以通过 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>

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