# nut-lib 国际化

# 配置默认语言

  • nut-lib 组件内部默认使用中文,若希望使用其他语言,则需要进行多语言设置。以英文为例,在 main.js 中:
import Vue from 'vue'
import nutLib from 'nut-lib'
import locale from 'nut-lib/locale/lang/en'

Vue.use(nutLib, { locale })

# 兼容 vue-i18n 国际化

  • nut-lib 可以兼容 vue-i18n 国际化,具体配置如下:

import Vue from 'vue'
import VueI18n from 'vue-i18n'
import nutLib from 'nut-lib'
import enLocale from 'nut-lib/locale/lang/en'
import zhLocale from 'nut-lib/locale/lang/zh-CN'

Vue.use(VueI18n)
Vue.use(nutLib)

Vue.config.lang = 'zh-cn'
Vue.locale('zh-cn', zhLocale)
Vue.locale('en', enLocale)

# 兼容其他i18 插件

  • 自定义 nutLib 的 i18n 的处理方法

import Vue from 'vue'
import nutLib from 'nut-lib'

Vue.use(nutLib, {
  i18n: function (path, options) {
    // ...
  }
})

# 兼容 vue-i18n@6.x


import Vue from 'vue'
import enLocale from 'nut-lib/locale/lang/en'
import zhLocale from 'nut-lib/locale/lang/zh-CN'
import UntLibLocale from 'nut-lib/locale'
import VueI18n from 'vue-i18n'

Vue.use(VueI18n)

const i18n = new VueI18n({
  locale: 'en',
  en: { // set locale messages
    search: 'search',
    ...enLocales
  },
  zh: {
    search: '搜索',
    ...zhLocale
  } 
})

UntLibLocale.i18n((key, value) => i18n.t(key, value))


目前 nut-lib 内置了以下语言:

  • 简体中文(zh-CN)
  • 英语(en)