vant3

uniapp 全局引入vant 组件库

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

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

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

浪花 - 搜索结果展示页

1.搜索页面参考官方文档：Button按钮-Vant3(gitee.io)引入搜索按钮，触发搜索绑定单击事件，跳转到搜索结果页/user/list//全局注册按钮组件import{createApp}from'vue
乐小鑫·2024-01-15 15:23

逐浪同行 - 前端主页布局

创建基础复用组件TabBar、NavBar等组件在多个页面都会用到，可以抽象出一个通用的布局，其他页面引用这个组件就好了，减少重复代码3.引入顶部导航栏组件NavBar参考官方文档：NavBar导航栏-Vant3
m0_74059961·2024-01-09 19:37

vue-vant组件库

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

Uniapp + Vue3 + Pinia + Vant3 框架搭建

现在越来越多项目都偏向于Vue3开发，想着uniapp搭配Vue3试试效果怎么样，接下来就是详细操作步骤。初始化Uniapp+Vue3项目App.vuesetup语法import{onLaunch,onShow,onHide}from'@dcloudio/uni-app'onLaunch(()=>{console.log('AppLaunch!')})onShow(()=>{console.log
yueF_L·2023-12-21 03:28

安装 vant 报错 npm ERR! code ERESOLVEnpm ERR! ERESOLVE could not resolvenpm ERR!npm ERR! While resolv

先进入正确的vant官网快速上手-Vant3(gitee.io)安装vant的方法可能会更新，自行查看官网错误提示：（解读从别人那看到的）eslint版本过高（早知道不装eslint了尝试卸载eslint
Root_src·2023-10-16 11:55

好家伙，他闭着眼睛写Vue3

因卓诶一个风和日丽的下午，我用了3个小时写了一个Vue3的小应用，这个应用小到不足为奇，但是Vue3的开发体验最值得我吹一波，这个小应用在登录我用了Vuex4，路由管理用到了最新的VueRouter4，而UI框架选择的是Vant3
因卓诶·2023-10-08 20:13

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

导入Vant，页面消失

vue2下载vant插件使用npmivant@latest-v2-Snpmivant//默认下载vant3，导致与vue2不兼容，页面无法显示
Guoyilin0411·2023-09-14 13:43

vue3+vant4封装日期时间组件（年月日时分秒）

vant4目前无法直接使用vant3自带的年月日时分秒组件，综合考虑下，决定自己封装一个！
跳跳的小古风·2023-09-14 04:24

vue3实现上拉刷新下拉刷新加载

vue2请看这个具体看我的码云项目下拉刷新下拉加载首先我们引入的是vant3组件具体怎么引入就不描述了完整代码!{{name==""?"
小阳生煎·2023-09-12 23:47

前端开发必备的网站

另一方面也可以帮助到大家…网站名称及描述网址Elememt-ui(组件库)Elememt-ui（PC）Elememt-uiPlus(组件库)Elememt-uiplus（PC）Vant2组件库Vant2（移动端）Vant3
难逃月色..·2023-09-03 16:56

vue3中如何按需引入vant组件库

1.安装vant3组件库npmivant2.安装官方提高插件，它可以自动按需引入组件#通过npm安装npmiunplugin-vue-components-D#通过yarn安装yarnaddunplugin-vue-components-D
都挺好，刚刚好·2023-09-01 23:38

[uniapp] 多端开发时技术选型的一些坑

真是一步一坑啊uView不支持vue3，但在社区中找到了份同时支持Vue3.0和Vue2.0的uView，但测试后最终已失败告终vant3的vue版本不兼容微信小程序uniapp创建的vue2项目，不能引入
Voices_·2023-08-26 14:00

小程序内嵌vant h5页面，组件触发事件错误

背景小程序里内嵌的h5单页，框架用的vant3，做选择弹窗的时候封装了一个组件，弹窗里选择支付方式，点击确定触发confirm方法。
drneilc·2023-08-22 12:50

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

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

vue3引入vant3配置整合详情（按需引入）

一、安装VueClinpminstall-g@vue/cli二、创建一个项目，hello-world为你定义的项目名称vuecreatehello-world三、安装vant依赖npmivant@next-S四、按需引用npmibabel-plugin-import-D五、项目根目录下babel.config.js文件下配置module.exports={presets:['@vue/cli-pl
@我不是大鹏·2023-07-25 08:06

移动端项目创建，脚手架，vant3移动开发的UI组件

1.利用脚手架，下载文件npminitvue@latest2.新取一个名字，或者用默认的，我新取的是webmobile，根据自己的需求做相关的配置3.cd到自己新建的文件，再npmi下载4.清理项目目录结构，不用的页面可以删除这里我们在views里面新建立一个根文件layout.vue,页面简单写个hello,在router里面引用，并设置路由。importLayoutfrom"@/views/L
阿 尭·2023-07-17 04:29

16.vant Weapp

目录1使用npm2安装vant3构建npm4去除style:v25使用vant6样式变量1使用npm微信小程序不支持下面三种包不支持依赖Node.js内置库的包不支持依赖浏览器内置对象的包不支持依赖C+
Suyuoa·2023-06-23 12:56

【图片轮播】Vue如何实现移动端图片轮播效果，支持左右滑动（附图文及代码）

【涉及知识点】vue实现移动端图片轮播，移动端相册制作，vant3实现图片轮播效果，swipe轮播实现过程，swipe轮播组件实现照片轮播，
拄杖盲学轻声码·2023-06-16 05:20

vue3引入vant组件库并进行rem适配方案

1.安装vant3组件库npmivant12.如果需要使用rem单位进行适配，官方推荐使用以下两个工具：npmipostcss-pxtoremlib-flexible13.在main.js中引入（千万别忘记
潇陌·2023-04-04 23:33

vue3 引入Vant组件库

目前Vant3是基于Vue3开发的，在使用Vant3前，请将项目中的Vue升级到3.0以上版本。错误示例import{createApp}from'vue'importAppfrom'.
我的椰子啊·2023-04-04 23:58

Vue 中使用 vant

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

vue3 setup语法糖 常用操作

废话不多说，上代码1、使用scss深度修改vant3样式:deep(vant组件类名){//相关样式操作color:red!
你好小马哥·2023-03-01 10:04

vant3 中使用List组件的一些坑

目录使用vant3List组件过程中遇到的一些坑处理vantlist使用报错的点一些关于Vant3的更多细节：Vant是一个基于Vue.js框架的移动优先UI工具包。
快撑死的鱼·2023-01-30 03:49

Vue3+TS+Vant3+Pinia(H5端)配置教程详解

该模板将帮助您开始使用Vue3、Vite3.0中的TypeScript以及Pinia、Vant3进行开发。该模板使用Vue3，请查看文档了解更多教程。推荐的IDE设置VSCode+Volar键入支持。
·2023-01-28 03:01

VANT3无法使用slot引用外部icont

由于在vue3的时候进行slot插入需要template。这是vue2时候的用法这是vue3的用法
the_wolf_spice·2023-01-09 15:29

【uniapp】uni中导入vant组件库

vant-UI官网：【这个是vant3与vant-Webapp略有区别】Vant3-LightweightMobileUIComponentsbuiltonVueLightweightMobileUIComponentsbuiltonVuehttps
小付学代码·2022-12-26 08:22

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

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

Vite 2.0 + Vue3 + Ts + Vant3移动端项目

highlight:androidstudioVite2.0搭建Vue3移动端项目一.涉及技术点vitevue3tsroutervuexaxiosvant3移动端适配请求代理二.步骤vite+ts+vue3只需要一行命令npminit@vitejs/appmy-vue-app--templatevue-ts初始化项目npminstallnpmrundev**配置路由**安装vue-router的时
Coder_lixc·2022-12-11 19:37

手把手教你使用vue3.0版本安装vant3 ui框架教程

目录vant3.0项目部署通过npm安装通过CDN安装手机端Rem布局适配适配效果：通过npm安装在现有项目中使用Vant时，可以通过npm进行安装：#Vue3项目，安装最新版Vantnpmivant#Vue2项目，安装Vant2npmivant@latest-v2当然，你也可以通过yarn或pnpm进行安装：#通过yarn安装yarnaddvant#通过pnpm安装pnpmaddvant通过CD
船长在船上·2022-11-18 09:48

vue3 vant3推广活动项目-实现验证码登录功能

vue3.0活动推广项目：测一测船舶价值技术选型：Vue3、Vant3移动端ui框架推广活动功能需求：用户使用验证码登录，登录成功之后跳转船值计算页；填写船名、吨位等信息利用计算公式测一测船舶价值，获取船舶价值计算结果
船长在船上·2022-11-18 09:17

Vant3——复选框点击其他后格外出现一个输入框

想要实现这样的效果：方法如下：因为复选框选出来的值为数组形式所以直接通过map进行循环遍历即可骨科手术物理治疗手法治疗关节内注射治疗其他constlistData=reactive({checkboxZL:[]})constbtnCheckbox=()=>{/*把listData.checkboxZL数组定义出来*/letarr:any=listData.checkboxZL;console.lo
Nanchen_42·2022-08-13 13:04

前端提升生产力系列三（vant3 vue3 移动端H5下拉刷新，上拉加载组件的封装）

｜在日常的移动端开发中，经常会遇到列表的展示，以及数据量变多的情况下还会有上拉和下拉的操作。进入新公司后发现移动端好多列表，但是在看代码的时候发现，每个列表都是单独的代码，没有任何的封装，都是通过vant组件，里面充满了过多的重复代码，在有bug或者有需求变更的时候，每次的改动都要对很多个相同逻辑的页面组件进行修改，于是花了一点时间，将其进行封装，发现还是节省了很多的时间。自己做一个记录。前端提升
aehyok·2022-03-02 11:00

vue 按需引入vant跟全局引入

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

基于vite2+vue3.x实战小视频/直播聊天|vue3.0仿抖音短视频

技术栈编码+技术：vscode+vite2/vue3.0/vue-router/vuex4UI组件库：vant3(有赞移动端vue3组件库)弹层组件：v3popup（移动端v
·2021-03-27 23:47

基于Electron+Vite2高仿抖音短视频|electron+vue3小视频+直播聊天

使用技术编码/技术：vscode/vue3.0+vuex4+vue-router@4跨端框架：electron^12.0.1组件库：vant3(有赞移动端vue3组件库)滑动组件：swiper^6.5.0
·2021-03-27 22:39

vite2.0+vue3移动端项目实战详解

一.涉及技术点vite版本vue3ts集成路由集成vuex集成axios配置Vant3移动端适配请求代理二.步骤vite+ts+vue3只需要一行命令npminit@vitejs/appmy-vue-app
·2021-03-09 21:26

vite2.0+vue3移动端项目实战

原文地址：zhuanlan.zhihu.com/p/351888882作者：清风皓月一.涉及技术点vite版本vue3ts集成路由集成vuex集成axios配置Vant3移动端适配请求代理二.步骤vite
YvetteLau·2021-03-01 09:01

基于Vue3.0自定义移动端弹层组件Vue3-Popup

在开发设计之初参考借鉴了Vant3及Antdv2.0中弹框组件化思想。支持超过20+种参数灵活配置。
xiaoyan2017·2021-01-03 15:52

基于Vue3.0开发轻量级手机端弹框组件V3Popup的场景分析

v3popup在开发之初参考借鉴了Vant3、ElementPlus等组件化思
·2020-12-30 16:33

基于Vue3.0自定义移动端弹层组件Vue3-Popup

在开发设计之初参考借鉴了Vant3及Antdv2.0中弹框组件化思想。支持超过20+种参数灵活配置。
xiaoyan2017·2020-12-30 15:15

Vue项目代码规范

一、UI框架及css预处理器选择1、PC端Vue项目UI框架：ElementUI（优先）、iView2、移动端Vue项目UI框架：mint-ui（优先）、vant3、sass/scss、less、stylus
罗小耳·2019-12-31 04:50
上一页 1 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他