首页 > 移动平台 > 详细

mpvue 引入 vant-weapp 踩坑记录

时间:2020-05-12 00:58:48      阅读:137      评论:0      收藏:0      [点我收藏+]

作者:kiss雪夜

原文地址:https://www.cnblogs.com/yummylucky/p/12873313.html

 

1、下载vant-weapp

  两种下载方式:

    第一种: git clone https://github.com/youzan/vant-weapp.git 

    第二种: npm install vant-weapp 

 

2、找到下载的文件夹,将 vant-weapp的dist目录 丢进 项目的static目录

 

3、在 需要引入的pages下某个页面目录下,新建main.json 文件,内容如下:

{
  "usingComponents": {
      "van-button": "/static/vant/button/index",
      "van-cell": "/static/vant/cell/index",
      "van-cell-group": "/static/vant/cell-group/index",
      "van-popup": "/static/vant/popup/index",
      "van-datetime-picker": "/static/vant/datetime-picker/index",
      "van-field": "/static/vant/field/index",
      "van-picker": "/static/vant/field/index",
      "van-dialog": "/static/vant/dialog/index",
      "van-toast": "/static/vant/toast/index"
  }
}
// 根据自己的目录进行配置

技术分享图片

 

 

 

4、打开微信小程序开发工具,选择 

设置(settings)-- 项目设置(project settings) -- 勾选 [ ‘tanspile es6 to es5‘, ‘use NPM module‘] 

 

技术分享图片

 

技术分享图片

 

mpvue 引入 vant-weapp 踩坑记录

原文:https://www.cnblogs.com/yummylucky/p/12873313.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!