编程 Javascript

微信小程序接入vant Weapp组件的详细步骤

Posted in Javascript onOctober 28, 2020

刚创建的项目的文件结构

首先在你项目的根目录下打开终端，输入npm init 对项目初始化

微信小程序接入vant Weapp组件的详细步骤

这时会生成pachage.json文件。

微信小程序接入vant Weapp组件的详细步骤

继续在终端运行以下命令

微信小程序接入vant Weapp组件的详细步骤

我这里用这个：

npm i vant-weapp -S --production

运行完如图所示：

微信小程序接入vant Weapp组件的详细步骤

安装成功后回到小程序开发工具点击工具 => 构建npm

微信小程序接入vant Weapp组件的详细步骤

运行完截图：

微信小程序接入vant Weapp组件的详细步骤

完成后在编辑器右边的详情把红框内的打勾上

微信小程序接入vant Weapp组件的详细步骤

使用组件

在你想使用组件库的的json文件内引入组件。比如你想在fundIncome页面内使用button组件。

微信小程序接入vant Weapp组件的详细步骤

效果：

微信小程序接入vant Weapp组件的详细步骤

上面的代码就参照vant的官网文档了。

到此这篇关于微信小程序接入vant Weapp组件的详细步骤的文章就介绍到这了,更多相关小程序vant Weapp组件内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木！

微信小程序接入vant Weapp组件的详细步骤

- Author -

小佑@小佐

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

将数字转换成大写的人民币表达式的js函数

Sep 21 Javascript

如何减少浏览器的reflow和repaint

Feb 26 Javascript

javascript日期验证之输入日期大于等于当前日期

Dec 13 Javascript

微信小程序 input输入框控件详解及实例（多种示例）

Dec 14 Javascript

详解js前端代码异常监控

Jan 11 Javascript

div中文字内容溢出常见的解决方法

Mar 16 Javascript

Vue form 表单提交+ajax异步请求+分页效果

Apr 22 Javascript

初探js和简单隐藏效果的实例

Nov 23 Javascript

利用babel将es6语法转es5的简单示例

Dec 01 Javascript

Vue官方推荐AJAX组件axios.js使用方法详解与API

Oct 09 Javascript

Vue.js路由实现选项卡简单实例

Jul 24 Javascript

JavaScript canvas实现跟随鼠标事件

Feb 10 Javascript

Ant-design-vue Table组件customRow属性的使用说明

Oct 28 #Javascript

通过JS判断网页是否为手机打开

Oct 28 #Javascript

ant design vue嵌套表格及表格内部编辑的用法说明

Oct 28 #Javascript

解决ant design vue 表格a-table二次封装,slots渲染的问题

Oct 28 #Javascript

ant design vue中表格指定格式渲染方式

Oct 28 #Javascript

vue实现一个矩形标记区域(rectangle marker)的方法

Oct 28 #Javascript

ant design vue datepicker日期选择器中文化操作

Oct 28 #Javascript

You might like

php下MYSQL limit的优化

2008/01/10 PHP

PHP多例模式介绍

2013/06/24 PHP

destoon网站转移服务器后搜索汉字出现乱码的解决方法

2014/06/21 PHP

php socket通信(tcp/udp)实例分析

2016/02/14 PHP

ThinkPHP设置禁止百度等搜索引擎转码(简单实用)

2016/02/15 PHP

彻底搞懂JS无缝滚动代码

2007/01/03 Javascript

javascript比较文档位置

2008/04/08 Javascript

js函数的延迟加载实现代码

2012/10/11 Javascript

在js(jquery)中获得文本框焦点和失去焦点的方法

2012/12/04 Javascript

javascript获取form里的表单元素的示例代码

2014/02/14 Javascript

jQuery DOM操作实例

2014/03/05 Javascript

Jquery给基本控件的取值、赋值示例

2014/05/23 Javascript

JavaScript中双向数据绑定详解

2017/05/03 Javascript

JavaScript屏蔽Backspace键的实现代码

2017/11/02 Javascript

vue项目中vue-i18n和element-ui国际化开发实现过程

2018/04/25 Javascript

Angular学习教程之RouterLink花式跳转

2018/05/03 Javascript

Node.js使用MongoDB的ObjectId作为查询条件的方法

2019/09/10 Javascript

解决layui的form里的元素进行动态生成,验证失效的问题

2019/09/14 Javascript

小程序自定义模板实现吸顶功能

2020/01/08 Javascript

ssm+vue前后端分离框架整合实现(附源码)

2020/07/08 Javascript

vue插件--仿微信小程序showModel实现模态提示窗功能

2020/08/19 Javascript

[05:02][DOTA2]DOTA进化论第一期

2013/09/27 DOTA

Python用户推荐系统曼哈顿算法实现完整代码

2017/12/01 Python

基于Django与ajax之间的json传输方法

2018/05/29 Python

在pyqt5中QLineEdit里面的内容回车发送的实例

2019/06/21 Python

Django1.11自带分页器paginator的使用方法

2019/10/31 Python

PyQt5中QTableWidget如何弹出菜单的示例代码

2020/02/23 Python

在jupyter notebook中调用.ipynb文件方式

2020/04/14 Python

选购国际女性时装设计师品牌：IFCHIC（支持中文）

2018/04/12 全球购物

德国高品质男装及配饰商城：Cultizm（Raw Denim原色牛仔裤）

2018/04/16 全球购物

高一自我鉴定

2013/12/17 职场文书

户外婚礼策划方案

2014/02/08 职场文书

入党积极分子学习两会心得体会范文

2014/03/17 职场文书

彩色的翅膀教学反思

2014/04/25 职场文书

2014年保险业务员工作总结

2014/12/23 职场文书

总结Python使用过程中的bug

2021/06/18 Python