Vant3 教程
Vant3 Checkbox复选框
介绍 在一组备选项中进行多选。 实例演示 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import { createApp } from vue; import…
Vant3 DatetimePicker 时间选择
介绍 时间选择器,支持日期、年月、时分等维度,通常与弹出层组件配合使用。 实例演示 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import { createA…
Vant3 Field 输入框
介绍 用户可以在文本框内输入或编辑文字。 实例演示 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import { createApp } from vue; i…
Vant3 Form 表单
介绍 用于数据录入、校验,支持输入框、单选框、复选框、文件上传等类型,需要与 Field 输入框 组件搭配使用。 实例演示 引入 通过以下方式来全局注册组件,更多注册方式请参考组件…
Vant3 NumberKeyboard 数字键盘
介绍 虚拟数字键盘,可以配合密码输入框组件或自定义的输入框组件使用。 实例演示 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import { createApp…
Vant3 PasswordInput 密码输入框
介绍 带网格的输入框组件,可以用于输入密码、短信验证码等场景,通常与数字键盘组件配合使用。 实例演示 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import …
Vant3 Picker 选择器
介绍 提供多个选项集合供用户选择,支持单列选择和多列级联,通常与弹出层组件配合使用。 实例演示 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import { c…
Vant3 Radio 单选框
介绍 在一组备选项中进行单选。 实例演示 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import { createApp } from vue; import…
Vant3 Rate 评分
介绍 用于对事物进行评级操作。 实例演示 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import { createApp } from vue; import…
Vant3 Search 搜索
介绍 用于搜索场景的输入框组件。 实例演示 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import { createApp } from vue; impor…
Vant3 Slider 滑块
介绍 滑动输入条,用于在给定的范围内选择一个值。 实例演示 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import { createApp } from vu…
Vant3 Stepper步进器
介绍 步进器由增加按钮、减少按钮和输入框组成,用于在一定范围内输入、调整数字。 实例演示 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import { crea…
Vant3 Switch 开关
介绍 用于在打开和关闭状态之间进行切换。 实例演示 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import { createApp } from vue; i…
Vant3 Uploader 文件上传
介绍 用于将本地的图片或文件上传至服务器,并在上传过程中展示预览图和上传进度。目前 Uploader 组件不包含将文件上传至服务器的接口逻辑,该步骤需要自行实现。 实例演示 引入 …
Vant3 ActionSheet 动作面板
介绍 底部弹起的模态面板,包含与当前情境相关的多个选项。 实例演示 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import { createApp } fro…
Vant3 Dialog 弹出框
Dialog 弹出框 介绍 弹出模态框,常用于消息提示、消息确认,或在当前页面内完成特定的交互操作,支持函数调用和组件调用两种方式。 实例演示 函数调用 Dialog 是一个函数,…
Vant3 DropdownMenu 下拉菜单
介绍 向下弹出的菜单列表。 实例演示 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import { createApp } from vue; import {…
Vant3 Loading 加载
介绍 加载图标,用于表示加载中的过渡状态。 实例演示 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import { createApp } from vue; …
Vant3 Notify 消息提示
介绍 在页面顶部展示消息提示,支持函数调用和组件调用两种方式。 实例演示 函数调用 Notify 是一个函数,调用后会直接在页面中弹出相应的消息提示。 import { Notif…
Vant3 Overlay 遮罩层
介绍 创建一个遮罩层,用于强调特定的页面元素,并阻止用户进行其他操作。 实例演示 引入 通过以下方式来全局注册组件,更多注册方式请参考组件注册。 import { createAp…