废弃提示
SwitchCell 组件将在 3.0 版本中废弃，请直接使用 Cell 和 Switch 组件代替
引入
import Vue from 'vue';
import { SwitchCell } from 'vant';
Vu...
AI君
1年前 (2020-03-06) 45℃
4喜欢
引入
import Vue from 'vue';
import { Sku } from 'vant';
Vue.use(Sku);
代码演示
基础用法
<van-sku
v-model="show"
:sku="sku...
AI君
1年前 (2020-03-06) 43℃
0喜欢
引入
import Vue from 'vue';
import { SubmitBar } from 'vant';
Vue.use(SubmitBar);
代码演示
基础用法
<van-submit-bar
:price=...
AI君
1年前 (2020-03-06) 43℃
0喜欢
引入
import Vue from 'vue';
import { GoodsAction, GoodsActionIcon, GoodsActionButton } from 'vant';
Vue.use(GoodsAction);...
AI君
1年前 (2020-03-06) 42℃
1喜欢
引入
import Vue from 'vue';
import { CouponCell, CouponList } from 'vant';
Vue.use(CouponCell);
Vue.use(CouponList);
代码演...
AI君
1年前 (2020-03-06) 41℃
0喜欢
介绍
通过 Contact 组件可以实现联系人的展示、选择、编辑等功能。
引入
import Vue from 'vue';
import { ContactCard, ContactList, ContactEdit } from 'va...
AI君
1年前 (2020-03-06) 42℃
0喜欢
引入
import Vue from 'vue';
import { Card } from 'vant';
Vue.use(Card);
代码演示
基础用法
<van-card
num="2"
price="2.00"
...
AI君
1年前 (2020-03-06) 47℃
2喜欢
介绍
省市区三级联动选择，通常与 弹出层 组件配合使用
引入
import Vue from 'vue';
import { Area } from 'vant';
Vue.use(Area);
代码演示
基础用法
要初始化一个Area...
AI君
1年前 (2020-03-06) 70℃
1喜欢
引入
import Vue from 'vue';
import { AddressList } from 'vant';
Vue.use(AddressList);
代码演示
基础用法
<van-address-list
v...
AI君
1年前 (2020-03-06) 44℃
1喜欢
引入
import Vue from 'vue';
import { AddressEdit } from 'vant';
Vue.use(AddressEdit);
代码演示
基础用法
<van-address-edit
:...
AI君
1年前 (2020-03-06) 61℃
0喜欢
引入
import Vue from 'vue';
import { TreeSelect } from 'vant';
Vue.use(TreeSelect);
代码演示
单选模式
item为分类显示所需的数据，数据格式见下方示例。m...
AI君
1年前 (2020-03-06) 40℃
3喜欢
引入
import Vue from 'vue';
import { Tabbar, TabbarItem } from 'vant';
Vue.use(Tabbar);
Vue.use(TabbarItem);
代码演示
基础用法
v...
AI君
1年前 (2020-03-06) 40℃
0喜欢
引入
import Vue from 'vue';
import { Tab, Tabs } from 'vant';
Vue.use(Tab);
Vue.use(Tabs);
代码演示
基础用法
通过v-model绑定当前激活标签对应...
AI君
1年前 (2020-03-06) 40℃
3喜欢
引入
import Vue from 'vue';
import { Sidebar, SidebarItem } from 'vant';
Vue.use(Sidebar);
Vue.use(SidebarItem);
代码演示
基础...
AI君
1年前 (2020-03-06) 40℃
3喜欢
引入
import Vue from 'vue';
import { Pagination } from 'vant';
Vue.use(Pagination);
代码演示
基础用法
<van-pagination
v-mo...
AI君
1年前 (2020-03-06) 36℃
1喜欢
引入
import Vue from 'vue';
import { NavBar } from 'vant';
Vue.use(NavBar);
代码演示
基础用法
<van-nav-bar
title="标题"
lef...
AI君
1年前 (2020-03-06) 40℃
6喜欢
引入
import Vue from 'vue';
import { IndexBar, IndexAnchor } from 'vant';
Vue.use(IndexBar);
Vue.use(IndexAnchor);
代码演示
...
AI君
1年前 (2020-03-06) 39℃
0喜欢
介绍
宫格可以在水平方向上把页面分隔成等宽度的区块，用于展示内容或进行页面导航
引入
import Vue from 'vue';
import { Grid, GridItem } from 'vant';
Vue.use(Grid);...
AI君
1年前 (2020-03-06) 37℃
2喜欢
引入
import Vue from 'vue';
import { Tag } from 'vant';
Vue.use(Tag);
代码演示
基础用法
通过type属性控制标签颜色，默认为灰色
<van-tag>标签&l...
AI君
1年前 (2020-03-06) 38℃
1喜欢
引入
import Vue from 'vue';
import { Swipe, SwipeItem } from 'vant';
Vue.use(Swipe);
Vue.use(SwipeItem);
代码演示
基础用法
每个 Sw...
AI君
1年前 (2020-03-06) 38℃
0喜欢
