Vant 教程

介绍 Sticky 组件与 CSS 中position: sticky属性实现的效果一致，当组件在屏幕范围内时，会按照正常的布局排列，当组件滚出屏幕范围时，始终会固定在屏幕顶部。 …

引入 import Vue from vue; import { Tag } from vant; Vue.use(Tag); 代码演示 基础用法 通过type属性控制标签颜色，默…

介绍 宫格可以在水平方向上把页面分隔成等宽度的区块，用于展示内容或进行页面导航 引入 import Vue from vue; import { Grid, GridItem } …

引入 import Vue from vue; import { IndexBar, IndexAnchor } from vant; Vue.use(IndexBar); Vue…

引入 import Vue from vue; import { NavBar } from vant; Vue.use(NavBar); 代码演示 基础用法 <van-na…

引入 import Vue from vue; import { Sidebar, SidebarItem } from vant; Vue.use(Sidebar); Vue.u…

引入 import Vue from vue; import { Tab, Tabs } from vant; Vue.use(Tab); Vue.use(Tabs); 代码演示 …

引入 import Vue from vue; import { Tabbar, TabbarItem } from vant; Vue.use(Tabbar); Vue.use(…

引入 import Vue from vue; import { TreeSelect } from vant; Vue.use(TreeSelect); 代码演示 单选模式 it…

引入 import Vue from vue; import { AddressList } from vant; Vue.use(AddressList); 代码演示 基础用法 …

介绍 省市区三级联动选择，通常与 弹出层 组件配合使用 引入 import Vue from vue; import { Area } from vant; V…

引入 import Vue from vue; import { Card } from vant; Vue.use(Card); 代码演示 基础用法 <van-card n…

介绍 通过 Contact 组件可以实现联系人的展示、选择、编辑等功能。 引入 import Vue from vue; import { ContactCard, Contact…

引入 import Vue from vue; import { GoodsAction, GoodsActionIcon, GoodsActionButton } from va…

引入 import Vue from vue; import { SubmitBar } from vant; Vue.use(SubmitBar); 代码演示 基础用法 <…

引入 import Vue from vue; import { Sku } from vant; Vue.use(Sku); 代码演示 基础用法 <van-sku v-mo…

废弃提示 SwitchCell 组件将在 3.0 版本中废弃，请直接使用 Cell 和 Switch 组件代替 引入 import Vue from vue; import { S…