vant2

uniapp 全局引入vant 组件库

vant4官方文档vant2官方文档vant3官方文档一、创建uniapp项目+vue3二、通过npm安装vantvue3项目，安装最新版Vantnpmivantvue2项目，安卓vant2npmivant
冷七七-·2024-02-10 10:52

使用vue做一个“淘宝“项目——2

做出首页前言：做出底部导航栏与显示页面目录：创建项目文件删除原有文件引用资源文件实现底部导航栏显示页面做出首页显示商品栏做出分类一、将导航栏修改颜色首先打开vant2文档中的tabbar组件打开src-
曼陀罗.feng·2024-01-25 20:34

Vue - vant安装(引用babel-plugin-import实现自动按需引入组件)

jh-vue-demobabel-plugin-import是一款babel插件，它会在编译过程中将import的写法自动转换为按需引入的方式以Vant为例：1、安装首先安装vant#Vue2项目，安装Vant2
西半球_·2024-01-25 17:19

Vue2中按需引入vant2

Vue2项目，安装Vant2：npmivant@latest-v2-S安装vant官方提供的插件#安装插件npmibabel-plugin-import-D在babel.config.js中配置module.exports
Bubluu·2024-01-20 11:16

Vant2组件的使用

MobileUIComponentsbuiltonVueMobileUIComponentsbuiltonVuehttps://vant-contrib.gitee.io/vant/v2/#/zh-CN/通过npm安装#Vue3项目，安装最新版Vant：npmivant-S#Vue2项目，安装Vant2
LxyingINGing·2024-01-16 01:37

Vant2组件库van-list+Toast下拉加载滚动条回顶问题

List列表Toast轻提示解决方案1、不使用Toast的加载提示2、修改调整pointer-event属性值3、判断是否为第一次加载再使用背景：移动端项目开发时，有数据长列表展示的场景需求，此时就用到了Vant2
雨季mo浅忆·2024-01-09 08:25

vue-vant组件库

官网：Vant2-MobileUIComponentsbuiltonVuevant支持vue2，也支持vue3；vant2支持vue2，vant3、vant4支持vue3分类vue的组件库一般会按照不同平台进行分类
小沐°·2023-12-28 22:38

【Vue】vant2使用van-tree-select实现【全选、反选、搜索】，自定义组件，拿去即用。2.0版本保姆级教程

【Vue】vue2移动端，vant2使用van-tree-select分类选择实现【全选】和【取消全选】、【搜索过滤当前children】，只影响当前显示children，并且去重文章目录系列文章目录前言一
阿民不加班·2023-12-19 10:08

Vant组件NavBar和原生H5适配刘海屏，解决顶部不固定问题

使用vant2在IOS有刘海屏手机上全屏展示会覆盖顶部，需要标题栏固定顶部，Tabs标签页固定在标题栏下方，都不随页面滑动项目依赖："dependencies":{"axios":"^0.27.2","
江渚清沨·2023-12-04 18:39

基于ThinkPHP8 + Vue3 + element-ui-plus + 微信小程序(原生) + Vant2 的 BBS论坛系统设计【PHP课设】

一、BBS论坛功能描述我做的是一个论坛类的网页项目，每个用户可以登录注册查看并发布文章，以及对文章的点赞和评论，还有文件上传和个人签名发布和基础信息修改，管理员对网站的数据进行统计，对文章和文件的上传以及评论进行审核，以及对普通的用户的权限提升账号封停等等，以及对应的crud。然后做的是三端（PC端，小程序端）并且采用前后端分离以及JWT技术和RestFull风格API，后端使用ThinkPHP8
杀死一只知更鸟debug·2023-11-25 19:23

uniapp 微信小程序 web-view利用el-upload在微信开发者工具上可以上传文件，真机模拟点击上传按钮无响应

vant2官方地址：https://vant-contrib.gitee.io/van
公孙元二·2023-11-23 00:01

『Vant2 の 百科全书』

Button按钮如果是跳转页面（不管是否携带参数），可通过to属性来实现。跳转页面跳转页面Form表单⭐van-form内部按钮触发检验和提交表单的问题❓原因：van-button标签native-type属性的默认值为submit，导致触发表单提交；解决：将van-button的native-type设置为button，同时加上.stop来阻止其冒泡。List列表⭐van-list不触发load
升崽不会飞·2023-11-14 23:46

移动端Vant-Ui库以及适配Rem插件

Vant下载以及使用看官方文档下载一定要看清楚你要下载的是那个版本的项目#Vue3项目，安装最新版Vant：npmivant-S#Vue2项目，安装Vant2：npmivant@latest-v2-S下载完成之后接下就是怎么去使用它官方文档分三种引入使用
liuhongsai0616·2023-11-12 22:43

uniapp(微信小程序)使用vant全过程

vant2官网：VantWeapp轻量、可靠的小程序UI组件库github:Releases·youzan/vant-weapp·GitHub轻量、可靠的小程序UI组件库.Contributetoyouzan
```陪伴·2023-11-02 23:18

vue中使用vant的几种引入方式-(全局引入，按需引入，页面中引入)

通过npm安装在现有项目中使用Vant时，可以通过npm或yarn进行安装：#Vue2项目，安装Vant2：npmivant-S#Vue3项目，安装Vant3：npmivant@next-S1、全局引入
JackieDYH·2023-09-27 14:16

Vant2 源码分析之 vant-sticky

一起研读源码，交流心得吧~会分析这三个的源码实现，因为项目用的Vue2，故参考Vant2的v2.12.54版本，而该版本未实现Vant3的吸底距离功能，故不做分析。
Dreamy_lin·2023-09-25 00:09

vue引入vant报错“export ‘Fragment‘ (imported as ‘_Fragment‘) was not found in ‘vue‘

vue2对应vant2，举个例子“vant”:“^2.12.6”,“vue”:“^2.6.10”vue3对应vant3“vant”:“^3.0.0”,“vue”:“^3.0.0”,否则会报告警
饕餮ing·2023-09-24 23:11

【Vue】vue2移动端 ，vant2使用van-tree-select分类选择实现【全选】和【取消全选】、【搜索过滤当前children】，只影响当前显示children，并且去重

.js代码关键代码1.子组件变量2.搜索过滤器3.返回给父页面的对象数组4.确定和取消方法5.全选反选总结修改bug把list改成filterUserList就好了完整代码如下（白嫖需要删除部分）前言vant2
阿民不加班·2023-09-09 04:51

前端开发必备的网站

后续会接着补充进来，一方面是为了记录，另一方面也可以帮助到大家…网站名称及描述网址Elememt-ui(组件库)Elememt-ui（PC）Elememt-uiPlus(组件库)Elememt-uiplus（PC）Vant2
难逃月色..·2023-09-03 16:56

vant2 van-calendar组件增加清除按钮和确定按钮

利用自定义插槽增加一个清除按钮清除确认定义清除事件clearTimePicker(){//初始化日期置空this.$refs[fTime].defaultDate=null;//重置组件this.$refs[fTime].reset();//日期赋值初始化//其他事件}自定义按钮是没有传值。清除事件是比较简单的，但是会影响原本组件的确认按钮，自定义按钮是没有传值的。设置组件:show-confir
HDdgut·2023-09-01 15:04

微信小程序在线考试项目开发-接口封装调用

小程序在线考试项目介绍：技术选型：轻量、可靠的小程序UI组件库Vant2：VantWeapp项目功能：用户授权认证用户身份信息登记登录，身份信息查看，身份登记之后才能进行在线考试管理员模拟考试列表：考试状态数据列表检索
船长在船上·2023-08-19 10:50

Vant2

Vant2组件库链接https://vant-contrib.gitee.io/vant/v2/#/zh-CN/
虾小眠0526·2023-08-16 19:07

uniApp引入vant2

uniApp引入vant21、cnpm下载：cnpmivant@latest-v2-S2、main.js文件引入importVantfrom'./node_modules/vant/lib/vant';Vue.use(Vant);3.app.vue中引入vant样式文件@import'@/node_modules/vant/lib/index.css';
周亚鑫·2023-08-16 14:53

关于vant2 组件van-dropdown-item，在IOS手机上，特定条件下无法点击问题的探讨

情景重现先贴有问题的代码加载中...{{hospitalName}}暂无排队记录{{item.patientName}}{{userPhone.replace(/(\d{3})\d{4}(\d{4})/,"$1****$2")}}{{item.deptName}}{{item.orgName}}0">{{item.seeingName}}{{item.seeingNo}}{{item.seeing
韩zj·2023-08-16 09:17

【Vue2】Vant2上传文件使用formData方式，base64图片转Blob再转File上传

文章目录前言一、base64转换为Blob对象的方法二、使用步骤1.引入工具类js2.编写formData上传方法3.api方法中的request代码三、实际操作1.html代码2.js代码总结前言vant2
阿民不加班·2023-08-15 10:20

移动端Vue组件库-vant

Alightweight,customizableVueUIlibraryformobilewebapps.通过npm安装在现有项目中使用Vant时，可以通过npm或yarn进行安装：#Vue2项目，安装Vant2
梦之归途·2023-08-13 09:58

Vue - vant安装(引用babel-plugin-import实现自动按需引入组件)

jh-vue-demobabel-plugin-import是一款babel插件，它会在编译过程中将import的写法自动转换为按需引入的方式以Vant为例：1、安装首先安装vant#Vue2项目，安装Vant2
西半球·2023-08-05 04:11

vue2 + vant 搭建框架并成功引入vant移动端组件（一）

选择手工配置选项3、详细配置4、vue2搭建成功5、安装vant依赖在现有项目中使用Vant时，可以通过npm或yarn进行安装：#Vue3项目，安装最新版Vant：npmivant-S#Vue2项目，安装Vant2
战斗中的老段·2023-08-04 14:01

【vant移动端表格数据排版】用vant2简单实现一个把PC端表格数据展示在移动端的排版。上拉加载更多，下拉刷新页面，新增，编辑，删除功能

如果各位有更好的排版方式请发我一个图学习一下效果图手机上截图的页面视频演示vant2把表格PC端表格数据展示在手
接口写好了吗·2023-07-17 05:24

实现VAN-LIST的ITEM动态高度

本人系统使用的VANT2，根据需求，要实现van-list的item根据内容改变自身高度。其实整体需求并不算太难，但晚上搜索良久，并没有找到相关的文章，故特此留下记录，为后人解惑。
蓝清水·2023-07-15 23:46

vant官网-vant ui 首页-移动端Vue组件库

Alightweight,customizableVueUIlibraryformobilewebapps.通过npm安装在现有项目中使用Vant时，可以通过npm或yarn进行安装：#Vue2项目，安装Vant2
超人不会飞啊·2023-06-14 14:34

Vant 组件库的安装、按需引入、全局引入及样式修改

手动按需引入组件：在使用组件的页面内引入5.引入其他内容：（依据项目需求进行配置）6.修改组件原来样式：1.下载安装1.1安装Vant：Vue3项目，安装最新版Vant：npmivant-SVue2项目，安装Vant2
喜欢吃鱿鱼·2023-06-10 13:25

Vant 2 - 移动端 Vue 组件库 _ 问题记录

弹出层表单组件DatetimePicker时间选择Field输入框Form表单Picker选择器Radio单选框Uploader文件上传展示组件List列表导航组件Tab标签页发布初衷：记录在移动端项目中使用Vant2
雨季mo浅忆·2023-06-09 11:04

关于微信小程序开发vant2 area-list报错问题

临时更新是因为今天碰到一个vant2插件问题，浪费了我整整一个小时啊。。。为了记住这个坑，特意花点时间记一下。
月萤·2023-04-19 08:01

在 vue2 中使用 vant2 组件库

Vant是一个轻量、可靠的移动端组件一、安装1.1通过npm安装在现有项目中使用Vant时，可以通过npm或yarn进行安装：#Vue3项目，安装最新版Vant：npmivant-S#Vue2项目，安装Vant2
刘学政·2023-04-04 22:10

vue2使用vant组件库；使用rem后vant组件样式变小了。

二、使用步骤1.引入vant2库2.引入自动按需引入组件3.在main.js中按需引入组件（推荐）4.或者只是在某个index.vue内使用（推荐）5.在main.js中导入所以组件（不推荐）6.使用案例
i_am_a_div_日积月累_·2023-04-04 22:48

Vue 中使用 vant

Vant3适用于Vue3Vant2适用于Vue2安装Vant#Vue3项目，安装最新版Vant：npmivant-S//这是简写形式#Vue2项目，安装Vant2：npmivant@latest-v2-
＊且听风吟·2023-04-04 22:39

uniapp项目引入vant2遇到报错Uncaught ReferenceError: require is not defined完美解决方案

一、问题描述我用的是Vue2版本的uniapp项目，以下是Vant官方提供的安装方法，使用npm安装到uniapp项目中。Vant官网：https://vant-contrib.gitee.io/vant/v2/#/zh-CN/quickstart安装完成得到以下模块官方提供的引入单个组件的方案我需要引入的是一个数字键盘组件引入后运行出现报错：chunk-vendors.js:23436Uncau
番茄Salad·2023-03-23 19:17

index.js?3c69:4 Uncaught TypeError: Object(...) is not a function

的版本而不是VUE脚手架(vue-cli)版本,查看vue版本命令：npmlistvueimage.png2、查看vue-cli命令：vue-V3、两个版本不兼容，重新安装vant#Vue2项目，安装Vant2
楠楠_c811·2023-03-18 17:50

app实现外部浏览器打开链接

前端使用vue，vant2，安卓使用java，ios使用的object-c。
未尝一死·2023-02-17 16:00

详解vant2 自动检查表单验证 -validate

下面给大家介绍下vant2自动检查表单验证-validateref给标签；//检验手机号是否合格awaitthis.
·2023-02-16 20:28

vue 按需引入vant跟全局引入方式

js4.全局main.js导入5.使用二、全局导入一、按需引入1.下载插件第一步我们可以先打开vant的官网：vant然后下载vant用命令行下载：根据所需去配置：我配置的是vant2Vue2项目，安装Vant2
·2022-12-22 12:42

vant官网-vant ui 首页-移动端Vue组件库

方便新手使用vant官网地址https://vant-contrib.gitee.io/vant/#/zh-CN/通过npm安装在现有项目中使用Vant时，可以通过npm或yarn进行安装：#Vue2项目，安装Vant2
普通网友·2022-11-29 15:49

vant官网-vant ui 首页-移动端Vue组件库

方便新手使用vant官网地址https://vant-contrib.gitee.io/vant/#/zh-CN/通过npm安装在现有项目中使用Vant时，可以通过npm或yarn进行安装：#Vue2项目，安装Vant2
普通网友·2022-09-30 05:40

vue开发移动端h5环境搭建的全过程

目录技术选型环境搭建引入库配置环境运行网络封装结语补充总结技术选型公司现在需要开发移动端的h5，使用现在比较流行的vue2.0开发，使用的脚手架是Vant2，网络访问使用的是axios，路由跳转使用的是
·2022-08-15 10:15

vant官网-vant ui 首页-移动端Vue组件库

方便新手使用vant官网地址https://vant-contrib.gitee.io/vant/#/zh-CN/通过npm安装在现有项目中使用Vant时，可以通过npm或yarn进行安装：#Vue2项目，安装Vant2
m0_67391401·2022-07-30 11:55

移动端H5 - 手撸一个生命线 timeline

最近做移动端开发，用的vant2组件库，有个页面有个类似生命线组件的形式，但是瞄了一下vant2里面没有类似的组件，算了，自己手撸吧，也懒得找其他的插件，找到了也懒得改，阿西吧……先看下‘结果’屁话不多说
#老程·2022-07-24 11:54

vue 移动端上传头像

我用的是vant组件其实感觉移动端的话vant组件还是非常好用的Vant2-MobileUIComponentsbuiltonVue这里使用的是Vant2的Uploader文件上传首先在页面中使用该组件
优雅格子衫·2022-04-03 13:27

vue2案例--类似今日头条新闻浏览

创建并梳理项目结构创建项目，记得要安装路由和eslint梳理结构，清空views和components文件夹2.安装和配置Vant组件库Vant：轻量、可靠的移动端组件库Vant官网1.安装#Vue2项目，安装Vant2
chnyi6_ya·2022-03-24 12:52

vue 按需引入vant跟全局引入

一、按需引入1.下载插件第一步我们可以先打开vant的官网：vant然后下载vant用命令行下载：根据所需去配置：我配置的是vant2Vue2项目，安装Vant2：npmivant-S#Vue3项目，安装
fengshaopu·2021-06-03 16:16
上一页 1 2 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他