- 开发指南
- 基础组件
- 表单组件
- 反馈组件
- 展示组件
- 导航组件
- 业务组件
文章来源于网络收集而来,版权归原创者所有,如有侵权请及时联系!
国际化
介绍
Vant 采用中文作为默认语言,同时支持多语言切换,请按照下方教程进行国际化设置。
使用方法
多语言切换
Vant 通过 Locale 组件实现多语言支持,使用 Locale.use
方法可以切换当前使用的语言。
import { Locale } from 'vant';
// 引入英文语言包
import enUS from 'vant/es/locale/lang/en-US';
Locale.use('en-US', enUS);
覆盖语言包
通过 Locale.add
方法可以实现文案的修改和扩展,示例如下:
import { Locale } from 'vant';
const messages = {
'zh-CN': {
vanPicker: {
confirm: '关闭', // 将'确认'修改为'关闭'
},
},
};
Locale.add(messages);
语言包
目前支持的语言:
语言 | 文件名 |
---|---|
简体中文 | zh-CN |
繁體中文(港) | zh-HK |
繁體中文(台) | zh-TW |
英语 | en-US |
德语 | de-DE |
德语 (正式) | de-DE-formal |
土耳其语 | tr-TR |
西班牙语 | es-ES |
日语 | ja-JP |
罗马尼亚语 | ro-RO |
挪威语 | nb-NO |
在 这里 查看所有的语言包源文件。
常见问题
找不到所需的语言包?
如果上方列表中没有你需要的语言,欢迎给我们提 Pull Request 来增加新的语言包,改动内容可以参考增加德语语言包 的 PR。
业务代码如何实现国际化?
可以使用 vue-i18n 来实现。
以 CDN 形式引入时,如何使用语言包?
目前没有提供 CDN 形式的语言包,可以手动拷贝语言包的内容来使用。
语言包中不包含 Sku 组件?
语言包中默认不包含 Sku 业务组件的语言配置,因此如果有 Sku 组件的国际化需求,请自行配置国际化文案。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论