vant - 第3页 - AI教程网

VANT教程

Vant Overlay 遮罩层

介绍创建一个遮罩层，用于强调特定的页面元素，并阻止用户进行其他操作引入 import Vue from 'vue'; import { Overlay } from 'vant'; Vue.use(Overlay); 代码演示基础...

AI君 7个月前 (03-06) 34℃ 1喜欢

VANT教程

Vant Notify 消息提示

引入 import Vue from 'vue'; import { Notify } from 'vant'; Vue.use(Notify); 代码演示基础用法 Notify('通知内容'); 通知类型支持primary、su...

AI君 7个月前 (03-06) 25℃ 0喜欢

VANT教程

Vant Loading 加载

引入 import Vue from 'vue'; import { Loading } from 'vant'; Vue.use(Loading); 代码演示加载类型通过type属性可以设置加载图标的类型，默认为circular，...

AI君 7个月前 (03-06) 23℃ 2喜欢

VANT教程

Vant DropdownMenu 下拉菜单

引入 import Vue from 'vue'; import { DropdownMenu, DropdownItem } from 'vant'; Vue.use(DropdownMenu); Vue.use(DropdownIte...

AI君 7个月前 (03-06) 29℃ 3喜欢

VANT教程

Vant Dialog 弹出框

介绍弹出模态框，常用于消息提示、消息确认、在当前页面内完成特定的交互操作弹出框组件支持函数调用和组件调用两种方式函数调用 Dialog 是一个函数而不是组件，因此可以直接调用，展示对应的提示弹窗 import { Dialog } f...

AI君 7个月前 (03-06) 23℃ 1喜欢

VANT教程

Vant ActionSheet 上拉菜单

引入 import Vue from 'vue'; import { ActionSheet } from 'vant'; Vue.use(ActionSheet); 代码演示基础用法 ActionSheet通过actions数组来定...

AI君 7个月前 (03-06) 25℃ 0喜欢

VANT教程

Vant Switch 开关

引入 import Vue from 'vue'; import { Switch } from 'vant'; Vue.use(Switch); 代码演示基础用法通过v-model绑定开关的选中状态，true表示开，false表示...

AI君 7个月前 (03-06) 33℃ 1喜欢

VANT教程

Vant Stepper 步进器

介绍步进器由增加按钮、减少按钮和输入框组成，用于在一定范围内输入、调整数字引入 import Vue from 'vue'; import { Stepper } from 'vant'; Vue.use(Stepper); 代码演...

AI君 7个月前 (03-06) 28℃ 1喜欢

VANT教程

Vant Slider 滑块

引入 import Vue from 'vue'; import { Slider } from 'vant'; Vue.use(Slider); 代码演示基本用法 <van-slider v-model="value" @ch...

AI君 7个月前 (03-06) 26℃ 1喜欢

VANT教程

Vant Search 搜索

引入 import Vue from 'vue'; import { Search } from 'vant'; Vue.use(Search); 代码演示基础用法 v-model 用于控制搜索框中的文字，background 可以自...

AI君 7个月前 (03-06) 28℃ 0喜欢

VANT教程

Vant Rate 评分

引入 import Vue from 'vue'; import { Rate } from 'vant'; Vue.use(Rate); 代码演示基础用法 <van-rate v-model="value" /> ex...

AI君 7个月前 (03-06) 25℃ 0喜欢

VANT教程

Vant Radio 单选框

引入 import Vue from 'vue'; import { RadioGroup, Radio } from 'vant'; Vue.use(Radio); Vue.use(RadioGroup); 代码演示基础用法通过v...

AI君 7个月前 (03-06) 26℃ 1喜欢

VANT教程

Vant Picker 选择器

介绍提供多个选项集合供用户选择，支持单列选择和多列级联，通常与弹出层组件配合使用引入 import Vue from 'vue'; import { Picker } from 'vant'; Vue.use(Picker); ...

AI君 7个月前 (03-06) 31℃ 4喜欢

VANT教程

Vant PasswordInput 密码输入框

介绍带网格的输入框组件，可以用于输入支付密码、短信验证码等，通常与数字键盘组件配合使用引入 import Vue from 'vue'; import { PasswordInput, NumberKeyboard } from 'va...

AI君 7个月前 (03-06) 27℃ 2喜欢

VANT教程

Vant NumberKeyboard 数字键盘

介绍数字键盘，提供两种样式风格，可以与密码输入框或自定义的输入框组件配合使用引入 import Vue from 'vue'; import { NumberKeyboard } from 'vant'; Vue.use(Number...

AI君 7个月前 (03-06) 26℃ 0喜欢

VANT教程

Vant Field 输入框

介绍表单中的输入框组件引入 import Vue from 'vue'; import { Field } from 'vant'; Vue.use(Field); 代码演示基础用法可以通过v-model双向绑定输入框的值，通过...

AI君 7个月前 (03-06) 25℃ 3喜欢

VANT教程

Vant DatetimePicker 时间选择

介绍时间选择器，支持日期、年月、时分等维度，通常与弹出层组件配合使用引入 import Vue from 'vue'; import { DatetimePicker } from 'vant'; Vue.use(Datetime...

AI君 7个月前 (03-06) 56℃ 0喜欢

VANT教程

Vant Checkbox 复选框

引入 import Vue from 'vue'; import { Checkbox, CheckboxGroup } from 'vant'; Vue.use(Checkbox); Vue.use(CheckboxGroup); 代...

AI君 7个月前 (03-06) 26℃ 2喜欢

VANT教程

Vant Calendar 日历

介绍日历组件用于选择日期或日期区间，2.4 版本开始支持此组件引入 import Vue from 'vue'; import { Calendar } from 'vant'; Vue.use(Calendar); 代码演示选择...

AI君 7个月前 (03-06) 25℃ 1喜欢

VANT教程

Vant 内置样式

介绍 Vant 中默认包含了一些常用样式，可以直接通过 className 的方式使用。文字省略当文本内容长度超过容器最大宽度时，自动省略多余的文本。  <div class="van-e...

AI君 7个月前 (03-06) 33℃ 2喜欢