# 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)
← 安装 Grid 表格分页组件库 →