vant weapp 多选上传图片_微信小程序使用Vant Weapp组件库的方法步骤

最新推荐文章于 2023-07-18 14:45:14 发布

EDopamine

最新推荐文章于 2023-07-18 14:45:14 发布

阅读量906

点赞数

文章标签： vant weapp 多选上传图片

本文链接：https://blog.csdn.net/weixin_36132709/article/details/111980515

版权

本文介绍了如何在微信小程序中引入和使用Vant Weapp组件库，特别是多选上传图片功能。首先通过npm安装 vant-weapp，然后在项目中构建npm并引用组件。遇到模块未定义错误时，可通过删除现有 vant 文件夹，从GitHub下载最新 vant-weapp 并替换项目中的文件来解决。最后，文章总结了这个过程，为开发者提供了一步步的实践指导。

摘要由CSDN通过智能技术生成

地址：https://youzan.github.io/vant/#/zh-CN/intro

一.引入Vant组件库

1.首先运行 npm init

就会生成 package.json

2.运行

npm i vant-weapp -S --production

3.安装成功后点击工具 => 构建npm

之后点击详情 => 使用构建npm 渲染

二.使用组件库

首先在json文件中引入组件

"van-button": "vant-weapp/button"

之后可以在官网找到想要用的组件使用

报错码

VM292:1 thirdScriptError sdk uncaught third Error module "miniprogram_npm/vant-weapp/mixins/transition" is not defined Error: module "miniprogram_npm/vant-weapp/mixins/transition" is not defined at require (http://127.0.0.1:56368/appservice/__dev__/WAService.js:22:26700) at http://127.0.0.1:56368/appservice/__dev__/WAService.js:22:26448 at http://127.0.0.1:56368/appservice/miniprogram_npm/vant-weapp/popup/index.js:5:19 at require (http://127.0.0.1:56368/appservice/__dev__/WAService.js:22:26841) at :395:7 at HTMLScriptElement.scriptLoaded (http://127.0.0.1:56368/appservice/appservice?t=1557802464868:4544:21) at HTMLScriptElement.script.onload (http://127.0.0.1:56368/appservice/appservice?t=1557802464868:4556:20)

解决方法：

你只需要把miniprogram_npm/vant-weapp里的组件文件夹都删除，

之后再https://github.com/youzan/vant-weapp下载一份vant，将dist文件夹(vant-weapp-dev\vant-weapp-dev\dist)中的文件复制到项目的miniprogram_npm/vant-weapp

即下载一份vant，之后替换掉项目中的文件

之后保存解决

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，谢谢大家对脚本之家的支持。