从 v2 升级 介绍 升级步骤 1. 升级 Vue 3 2. 处理不兼容更新 不兼容更新 组件命名调整 废弃组件 弹窗型组件 v-model 变更 表单型组件 v-model 内部值变更 其他 v-model 调整 徽标属性命名调整 重命名 get-container 属性 API 调整 Area Button Checkbox ...

从 v2 升级 介绍 升级步骤 1. 升级 Vue 3 2. 处理不兼容更新 不兼容更新 组件命名调整 废弃组件 弹窗型组件 v-model 变更 表单型组件 v-model 内部值变更 其他 v-model 调整 徽标属性命名调整 重命名 get-container 属性 API 调整 Area Button Checkbox ...

国际化 多语言切换 修改默认文案 配置文件 国际化 Vant 默认采用中文作为语言，如果需要使用其他语言，可以参考下面的方案 多语言切换 Vant 通过 Locale 组件实现多语言支持，使用 Locale.use 方法可以切换当前使用的语言。 import { Locale } from 'vant' ; imp...

ImagePreview 图片预览 介绍 函数调用 组件调用 代码演示 基础用法 指定初始位置 展示关闭按钮 监听关闭事件 异步关闭 组件调用 API Options Props Events 方法 Slots onClose 回调参数 onScale 回调参数 样式变量 常见问题 在桌面端无法操作组件？ I...

多端同步调试 多端同步调试 从 1.3.5 版本开始，可以在 dist 目录下创建一个与编译的目标平台名同名的目录，并将结果放在这个目录下，例如编译到微信小程序，最终结果是在 dist/weapp 目录下，这样做的好处是，各个平台使用独立的目录互不影响，从而达到多端同步调试的目的，在 config/index.js 配置如下： outputRoo...

多端开发 跨平台开发 同步调试 使用原生小程序组件 多端开发 跨平台开发 在某些情况下，不同平台的表现或业务逻辑有质的不同。在这样的情况下我们是没有办法做到「一套代码走天下」的。 例如我们正在实现 V2EX 论坛应用，当前的 API 没有办法在浏览器中跨域调用，因此我们需要在 H5 端使用另一份 API。我们可以通过内置环境变量来解决： ...

Icon 图标 使用指南 代码演示 Icon 图标 使用指南 在 index.json 中引入组件 { "usingComponents" : { "zan-icon" : "path/to/zanui-weapp/dist/icon/index" } } 代码演示 可以在任意位置...

ImagePreview 图片预览 介绍 引入 函数调用 代码演示 基础用法 指定初始位置 展示关闭按钮 监听关闭事件 异步关闭 使用 ImagePreview 组件 使用 image 插槽 API 方法 ImagePreviewOptions Props Events 方法 类型定义 Slots onClose 回调参...

进阶用法 介绍 组件用法 组件插槽 组件实例方法 浏览器适配 Rem 布局适配 PostCSS 配置 桌面端适配 底部安全区适配 进阶用法 介绍 通过本章节你可以了解到 Vant 的一些进阶用法，比如组件插槽用法、多种浏览器适配方式。 组件用法 组件插槽 Vant 提供了丰富的组件插槽，通过插槽可以对组件的某一部分进行...

进阶用法 介绍 组件用法 组件插槽 组件实例方法 浏览器适配 Rem 布局适配 PostCSS 配置 桌面端适配 底部安全区适配 进阶用法 介绍 通过本章节你可以了解到 Vant 的一些进阶用法，比如组件插槽用法、多种浏览器适配方式。 组件用法 组件插槽 Vant 提供了丰富的组件插槽，通过插槽可以对组件的某一部分进行...