如何本地化我的Vue组件库?

时间:2019-12-06 08:10:42

标签: vue.js localization vue-component vue-i18n

我开发了自己的vue组件库,并且此组件有很多文本需要本地化。 vue-i18n 不支持此功能,因为它应该附加到 Vue (例如Vue.use(VueI18n)),但是如果使用组件库,它将导致冲突。

我需要在我的库中拥有独立的翻译文件,与我的应用程序完全分开(以防止冲突)

我正努力在其他来源中找到对该问题的任何答案,我希望有人能为我举例说明。预先感谢。

1 个答案:

答案 0 :(得分:0)

确实,出于您提到的原因(将其自身附加到Vue.prototype中并与用户代码冲突),vue-i18n似乎并不是为在组件库中使用而量身定制的。

我不知道您正在使用vue-i18n的哪些功能,但是如果只是简单的翻译,似乎在滚动自己的自定义解决方案时可以选择插入用户选择的i18n库是最好的。没那么难。大多数组件库都是这样...

您可以看一下“大人物”的做法-在本例中为Vuetify。 Docs Code