uniapp怎么引入vant
创始人
2025-05-28 07:46:46
uniapp引入vant后，只能微信小程序有效果，我试的H5端不报错，但是没效果，app端没有测
首先创建uniapp项目
在pages文件夹同级创建 wxcomponents 的文件夹
然后下载vant-weapp
github地址：https://github.com/youzan/vant-weapp/releases
点击就可以下载，解压完成后，我们只需要 dist 文件夹
可以打开看一下，里面就是每个组件的文件夹
1. 重命名dist文件夹为weapp
2. 在wxcomponents文件夹下创建@vant文件夹
3. 把weappp这个文件夹放入@vant下
我们看一下vant小程序版是怎么引入的
我们也需要把 wxcomponents 文件夹里面创成这样的文件夹层级
也就是 wxcomponents >> @vant >> weapp(这个就是我们刚刚粘贴的dist文件夹)
在page.json进行全局注册，这样全局都能用，需要那个，就引入那个
好了，此时就算是引入成功了。我们进行一下测试
在index页面里写入按钮，效果生效了
相关内容
热门资讯
【Java闭关修炼】Sprin...
# 配置Mysql与注册登录模块应用服务模型IDEA 连接数据库点击IDEA右侧的database ...
Oracle 常见报错问题汇总
Oracle 常见报错问题汇总 报错：ORA-01017: invalid username/pas...
计算不规则区域的周长和面积——...
1.题目描述 设计求不规则区域周长和面积计算的算法。 测试数据的获得： 输入样例&#x...
STM32之IIC
IIC协议IIC全称Inter-Integrated Circuit (集成电路总线)，...
Vue3 使用MD5加密（清晰...
概述 最近在想做个cloud项目,gitee上找了个模板项目，前端使用到vue3 &#...
使用Idea编译Nacos源码...
其实nacos下载下来启动就可以了,但是为了方便一些,而且Nacos在GitHub上下载是真的慢,可...
【abp Vnext】下载并运...
软件环境：电脑需要基础软件环境node.js、npm，这些网上教程很多&...
一文了解|氢燃料电池行业痛点问...
早在1839年的英国，一位名叫威廉格罗夫的科学家，就已发明了一款通过氢气...
华秋工艺分享：第八道主流程之丝...
如图，第八道主流程为 文字 。 文字的目的：文字又名字符。是线路板上白色...
Redis10大数据类型
Redis10大数据类型Redis键（key）一、Redis字符串&#x...
MySQL变量的使用
文章目录1、系统变量1.1 查看系统变量1.2 设置系统变量2、用户变量2.1 定义用户变量2.2 ...
IntelliJ IDEA创建...
目录 ——————————————————————————————— 一、创建Java项目 1、创建...
Qt学习_08_用独立的文件存...
0 前言 上一篇笔记对样式表进行了初步学习，QT学习_07_样式表的初步学习_江湖上都...
小黑子—多媒体技术与运用基础知...
多媒体技术与运用1.0多媒体系列第一章1. 计算机媒体概述1.1 媒体的分类1.2 小结2. 多媒体...
自主移动机器人AMR控制器设计...
近年来，随着社会和技术发展，自主移动已经成为了仓储物流[1]、无人驾驶[...
Java Web应用开发——第...
第二章：JSP基本语法测验 一.单项选择题（共15题,49.5分...
代码自动生成工具实战-Curs...
文章目录Cursor code generate介绍Cursor 代码生成实战prompt1prom...
普通Java工程师 VS 优秀...
1 核心能力 1.1 要成为一名优秀的Java架构师 只懂技术还远远不够，懂技术/懂业...
【爬虫】一、前置知识
一、Web请求过程解析 1.服务器渲染：在服务器端把数据和html整合在一起ÿ...
文心一言话题的思考
⭐️我叫忆_恒心，一名喜欢书写博客的在读研究生👨🎓。...
react-native an...
1. 配置环境 必须安装的依赖有：Node、JDK 和 Android Studio。...
若依分离版选择弹窗数据回读
最近学习若依框架过程中想要实现点击按钮显示弹窗，在弹窗选择信息后回读到父组件中显示&#...
板边器件距离不够，导致元器件无...
电子元器件在PCB板上的 合理布局 ，是减少焊接缺点的极重要一环！元器件...
sdbusplus：通过con...
sdbusplus：通过new_method_call同步调用service的meth...
骷髅病毒分析
一、病毒信息病毒名称：骷髅病毒文件名称：d5dac2456fa67584...
使用CRT调式库调式运行时堆
#include#include#define CRTDBG_MAP_ALLOC#include #...
Hive的UDF实现两种简单方...
Hive的UDF实现两种简单方法+通过编译源码添加UDF 一、实现简单的say_hello ...
211本科生就业难，绝不是个例...
曾几何时，我们在高中时期日以继夜地努力学习，只为在高考中获得更高的分数&...
Java【多线程基础2】 Th...
文章目录前言一、Thread类1, 构造方法2, 常用成员属性3, 常用成员方法3.1, start...
MySQL分区
一张表的数据在物理层面都是存放在一起的。随着业务增长，当一张表的数据量过大时ÿ...