返回介绍

国际化

发布于 2020-10-24 06:04:55 字数 4512 浏览 1231 评论 0 收藏 0

介绍

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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文