详解如何在微信小程序开发中正确的使用vant ui组件
作者：leeon 发布时间：2024-05-25 15:18:33
标签：微信小程序,vant,ui
微信小程序终于可以支持npm导入第三方库了（https://developers.weixin.qq....），但是这种导入模式和使用模式有别于我们使用的npm调用。今天我按照有赞新出的vant小程序ui库来讲解如何导入npm资源。
第一步：
在小程序工程的根目录下执行：
npm i vant-weapp -S --production
第二步：
保证当前你的微信开发者工具是最新版本，然后点击执行“构建npm“
构建成功后会提示：
同时项目根目录中会多出一个目录“miniprogram_npm”，这个就是小程序可以识别的npm第三方库。
第三步：
这时候当我们需要在一个页面中调用vant组件，那么就要在对应的页面json中添加类似如下配置：
{
"usingComponents":{
"van-button":"/miniprogram_npm/vant-weapp/button/index"
}
}
接着你就可以在wxml中直接调用这个ui组件了。
注意，对于vant库来说其实你并不需要在页面对应的js中require vant-weapp组件。
来源：http://www.leeon.me/a/use-vant-ui-in-wechat-miniapp
0
投稿猜你喜欢
第一步：python解释器，到网上下载安装下就行。网址：https://www.python.org/downloads/windows/值- 本篇目标抓取淘宝MM的姓名，头像，年龄抓取每一个MM的资料简介以及写真图片把每一个MM的写真图片按照文件夹保存到本地熟悉文件保存的过程&nb
- 前言numpy.linalg模块包含线性代数的函数。使用这个模块，可以计算逆矩阵、求特征值、解线性方程组以及求解行列式等。本文讲给大家介绍关
- 最近项目中要用到一个正则表达式，排除某个字符串，我们知道排除单个字符串的话，可以用[^abc],这样就可以排除a或者b或者c了，但是要排除a
- 我就废话不多说了，直接上代码吧！from os import listdirimport osfrom time import timeim
- 谈及鼠标事件，就是在触发鼠标按钮后程序所做出相应的反应，但是不影响程序的整个线程。这有些像异步处理。鼠标事件响应不会一直等着我们去按而后续程
- open(filename,mode,buffer) 其中第一个参数是要打开的文件的文件名，必选；第二个是打开方式，可选；第三个为缓冲区，可
- 即使你没听说过“ * 六度分隔理论”，也很可能听过“凯文 • 贝肯 （Kevin Bacon）的六度分隔值游戏”。在这两个游戏中，目标都是
- 2.1数据的爬取代码：import pandas as pddata=pd.read_csv("example_data.csv&
- 不知道有多少人是被这个头图骗进来的：）事情的起因是这样的，上周有同学问小编，看着小编的示例代码敲代码，感觉自己也会写了，如果不看的话，七七八
- 用于处理XML文档的DOM元素属性 childNodes：返回当前元素所有子元素的数组； firstChild：返回当前元素的第一个下级子元
- 写在前面这篇文章主要让大家明白多线程爬虫，因为go语言实现并发是很容易的。这次的服务端，是我们之前搭建的电子商城平台，所以我们不担心ip被封
- 第一步，建立一个CPP的DLL工程，然后写如下代码，生成DLL#include <stdio.h> &nb
- 1 数据导出 python manage.py dumpdata不指定 appname 时默认为导出所有的apppython manage.
- tensorflow对图像进行多个块的行列拼接tf.concat(), tf.stack()在深度学习过程中，通过卷积得到的图像块大小是8×
- 一、merge函数用途pandas中的merge()函数类似于SQL中join的用法，可以将不同数据集依照某些字段（属性）进行合并操作，得到
- xml.etree.ElementTree可以通过支持的有限的XPath表达式来定位元素。语法ElementTree支持的语法如下：语法说明
- ASP给图片加水印是需要组件的...常用的有aspjpeg软件和中国人自己开发的wsImage软件，可以上网搜索下载这两个软件，推荐使用咱们
- 对于请求一些网站，我们需要加上请求头才可以完成网页的抓取，不然会得到一些错误，无法返回抓取的网页。下面，介绍两种添加请求头的方法。方法一：借
- 概要贝叶斯网络是一种基于概率的图模型，可用于建立变量之间的条件概率关系。在拼写检查器中，贝叶斯网络可以通过建立一个隐含状态、错误观察值和正确
