小程序引入vant weapp ui组件

小程序引入vant weapp ui组件

 

引入新版vant weapp组件,首先在项目目录下创建一个miniprogram目录

项目目录/miniprogram/:

1、第一步:npm init 然后一路回车

2、第二步:npm i @vant/weapp -S --production

3、第三步: 在微信开发--工具--执行npm 构建

  • 右上角详情--勾选使用npm模块

  • 构建完会生成一个miniprogram_npm文件夹

4、使用:在需要引入的.json文件里添加配置:

  • 全局引用:在app.js中引入,在任何页面都能使用

  • 注意必须使用绝对路径 (最前面的斜杠不能掉)

{
  "usingComponents": {
  // 此方法,前面被添加pages/index/,找不到
  // "van-button": "vant-weapp/button/index",
   "van-button": "/miniprogram/miniprogram_npm/@vant/weapp/button/index" 
}

!!! 按官网引入新版vant,一直路径出错,直接就绝对路径查找了

 

小程序引入vant weapp ui组件

上一篇:挑战答题小程序上线


下一篇:在线答题小程序顺序答题,大数据问题解决方案