mpvue 引入Vant Weapp组件库

mpvue 引入Vant Weapp组件库

1、从git仓库克隆vant weapp组件库: https://github.com/youzan/vant-weapp.git;
2、将下载文件中的dist文件拷贝到自己的项目目录中(可以新建static目录,然后将dist文件导入static文件夹中);
mpvue 引入Vant Weapp组件库_第1张图片
3、组件的引入:
在需要使用ui组件的页面引入需要的某个ui组件,mpvue只需要在main.json文件中引入
mpvue 引入Vant Weapp组件库_第2张图片
4、页面使用该组件
mpvue 引入Vant Weapp组件库_第3张图片
5、效果:
mpvue 引入Vant Weapp组件库_第4张图片
6、遇到的坑:
开始不管怎么引入页面都会报错: VM1601:1 thirdScriptError sdk uncaught third Error Unexpected token import SyntaxError: Unexpected token import;
mpvue 引入Vant Weapp组件库_第5张图片
解决办法: 在微信开发工具右边的详情里面勾选 es6转化为es5;(谁能告诉我为什么,谢谢!!!)
mpvue 引入Vant Weapp组件库_第6张图片

你可能感兴趣的:(小程序)