• 国际化
    • 介绍
    • 多语言切换
    • 修改默认文案
    • 配置文件

    国际化

    介绍

    Vant 默认采用中文作为语言,如果需要使用其他语言,可以参考下面的方案

    多语言切换

    Vant 通过 Locale 组件实现多语言支持,使用 Locale.use 方法可以切换当前使用的语言。

    1. import { Locale } from 'vant';
    2. import enUS from 'vant/lib/locale/lang/en-US';
    3. Locale.use('en-US', enUS);

    修改默认文案

    通过 Locale.add 方法可以实现文案的修改和扩展,示例如下:

    1. import { Locale } from 'vant';
    2. const messages = {
    3. 'zh-CN': {
    4. vanPicker: {
    5. confirm: '关闭' // 将'确认'修改为'关闭'
    6. }
    7. }
    8. };
    9. Locale.add(messages);

    配置文件

    目前支持的语言:

    语言文件名
    简体中文zh-CN
    繁體中文(港)zh-HK
    繁體中文(台)zh-TW
    英语en-US
    土耳其语tr-TR

    在 这里 查看所有的 i18n 配置文件。

    国际化  - 图1