举报投诉联系我们 手机版 热门标签 编程学
您的位置:编程学 > vant官网 Vant 国际化

vant官网 Vant 国际化

2023-04-16 05:18 Vant中文教程

vant官网 Vant 国际化

vant官网 Vant 国际化

vant官网

介绍

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

多语言切换

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

import { Locale } from "vant";
import enUS from "vant/lib/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
土耳其语tr-TR
西班牙语es-ES
在 这里 查看所有的 i18n 配置文件。

Sku 组件

语言包中默认不包含 Sku 业务组件的语言配置,因此如果有 Sku 组件的国际化需求,请自行配置国际化文案。


实例演示

阅读全文
以上是编程学为你收集整理的vant官网 Vant 国际化全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 编程学 bianchengxue.com 版权所有 联系我们
桂ICP备19012293号-7 返回底部