引入
import Vue from 'vue';
import { RadioGroup, Radio } from 'vant';
Vue.use(Radio);
Vue.use(RadioGroup);
代码演示
基础用法
通过v...
AI君
2周前 (03-06) 4℃
0喜欢
介绍
提供多个选项集合供用户选择,支持单列选择和多列级联,通常与 弹出层 组件配合使用
引入
import Vue from 'vue';
import { Picker } from 'vant';
Vue.use(Picker);
...
AI君
2周前 (03-06) 5℃
0喜欢
介绍
带网格的输入框组件,可以用于输入支付密码、短信验证码等,通常与数字键盘组件配合使用
引入
import Vue from 'vue';
import { PasswordInput, NumberKeyboard } from 'va...
AI君
2周前 (03-06) 4℃
0喜欢
介绍
数字键盘,提供两种样式风格,可以与密码输入框或自定义的输入框组件配合使用
引入
import Vue from 'vue';
import { NumberKeyboard } from 'vant';
Vue.use(Number...
AI君
2周前 (03-06) 3℃
0喜欢
介绍
表单中的输入框组件
引入
import Vue from 'vue';
import { Field } from 'vant';
Vue.use(Field);
代码演示
基础用法
可以通过v-model双向绑定输入框的值,通过...
AI君
2周前 (03-06) 3℃
0喜欢
介绍
时间选择器,支持日期、年月、时分等维度,通常与 弹出层 组件配合使用
引入
import Vue from 'vue';
import { DatetimePicker } from 'vant';
Vue.use(Datetime...
AI君
2周前 (03-06) 27℃
0喜欢
引入
import Vue from 'vue';
import { Checkbox, CheckboxGroup } from 'vant';
Vue.use(Checkbox);
Vue.use(CheckboxGroup);
代...
AI君
2周前 (03-06) 3℃
0喜欢
介绍
日历组件用于选择日期或日期区间,2.4 版本开始支持此组件
引入
import Vue from 'vue';
import { Calendar } from 'vant';
Vue.use(Calendar);
代码演示
选择...
AI君
2周前 (03-06) 2℃
0喜欢
介绍
Vant 中默认包含了一些常用样式,可以直接通过 className 的方式使用。
文字省略
当文本内容长度超过容器最大宽度时,自动省略多余的文本。
<!-- 最多显示一行 -->
<div class="van-e...
AI君
2周前 (03-06) 12℃
0喜欢
介绍
弹出层容器,用于展示弹窗、信息提示等内容,支持多个弹出层叠加展示
引入
import Vue from 'vue';
import { Popup } from 'vant';
Vue.use(Popup);
代码演示
基础用法
...
AI君
2周前 (03-06) 4℃
0喜欢