# 国际化
Vue Formulate 附带预装的英语验证消息,但 Vue 社区很棒,并且不断提交新的翻译。
这些本地化信息收集在 @braid/vue-formulate-i18n
包中。
# 支持的语言
Vue Formulate 目前支持以下语言:
语言环境
以下列表中的标志表示该翻译的来源国。还支持语言区域设置,例如 🇺🇸 en-US
vs 🇬🇧 en-GB
。如果您希望代表您的语言环境,请按照 贡献指南 提交 PR 。
- 🇪🇬 Arabic (ar)
- Catalan (ca)
- 🇨🇳 Chinese (zh)
- 🇨🇿 Czech (cs)
- 🇩🇰 Danish (da)
- 🇳🇱 Dutch (nl)
- 🇩🇪 German (de)
- 🇺🇸 English (en)
- 🇫🇷 French (fr)
- 🇮🇱 Hebrew (he)
- 🇭🇺 Hungarian (hu)
- 🇮🇹 Italian (it)
- 🇯🇵 Japanese (ja)
- 🇰🇷 Korean (ko)
- 🇱🇹 Lithuanian (lt)
- 🇳🇴 Norwegian (nb)
- 🇵🇱 Polish (pl)
- 🇧🇷 Portuguese (pt)
- 🇷🇺 Russian (ru)
- 🇷🇸 Serbian (sr)
- 🇸🇰 Slovak (sk)
- 🇨🇺 Spanish (es)
- 🇹🇭 Thai (th)
- 🇹🇷 Turkish (tr)
- 🇻🇳 Vietnamese (vi)
- 🇸🇪 Swedish (sv)
当使用从右到左的语言(如阿拉伯语)和默认的 snow 主题 时 ,可能需要修改 direction
项目中的 css 属性。
感谢所有语言环境贡献者!
💪 添加您的语言
Vue Formulate 需要您的帮助!en-US
通过提供 提供新的语言环境 来帮助使用您的语言或本地化的其他人!
# 注册语言环境
您可以像注册任何其他 Vue Formulate 插件 一样注册翻译。
import Vue from 'vue'
import VueFormulate from '@braid/vue-formulate'
import { de } from '@braid/vue-formulate-i18n'
Vue.use(VueFormulate, {
plugins: [ de ]
})
如果您的站点需要支持多种语言,您可以同时注册所有语言。
import Vue from 'vue'
import VueFormulate from '@braid/vue-formulate'
import { de, da, fr } from '@braid/vue-formulate-i18n'
Vue.use(VueFormulate, {
plugins: [ de, da, fr ]
})
# 切换当前的语言环境
# 显式设置语言环境
您可以在安装 Vue 的选项中使用 locale
明确设置。这样做可确保这是将在站点上使用的唯一语言环境。
Vue.use(VueFormulate, {
plugins: [ de ],
locale: 'de'
})
使用 CDN
通过 .min.js
文件从 CDN 导入区域设置时,您必须使用该 .default
属性。请参阅此示例:https://codepen.io/team/braid/pen/ExZaQYr
# vue-i18n
如果你正在使用 vue-i18n
(opens new window) 你可以保持 locale
配置为空,它会尝试使用当前在 vue-i18n
中的配置