Skip to content
On this page

国际化

fast-crud的国际化使用vue-i18n-next
element-plus的国际化配置方式一模一样

步骤

1. createI18n

引入fast-crud的国际化文件,实例化i18n对象

js
import enFsLocale from "@fast-crud/fast-crud/dist/locale/lang/en";
import zhFsLocale from "@fast-crud/fast-crud/dist/locale/lang/zh-cn";
import { createI18n } from "vue-i18n";
const messages = {
  [enLocale.name]: {
    label: "English",
    // fs 这个属性很关键,一定要保证有这个属性,
    // 你也可以覆盖fs里面的值自定义相关文本
    fs: enFsLocale.fs,
    // 定义您自己的字典,但是请不要和 `fs` 重复,这样会导致内部组件的翻译失效.
    m: en
  },
  [zhLocale.name]: {
    label: "简体中文",
    // 你也可以覆盖fs里面的值自定义相关文本
    fs: zhFsLocale.fs,
    // 定义您自己的字典,但是请不要和 `fs`重复,这样会导致内部组件的翻译失效.
    m: zh
  }
};

export default createI18n({
  legacy: false,
  locale: zhLocale.name,
  fallbackLocale: enLocale.name,
  messages
});

2. use时传入i18n对象

js
app.use(FastCrud, { i18n } )