微信小程序引入vant UI
1.在小程序项目根目录上初始化npm npm init 2.执行官方要求的命令： npm install --production 3.启用npm 4.执行VantUI提供的安装命令 npm i vant-weapp -S --production 成功之后显示，并且可以看到多了一个：miniprogram_npm 目录（这里就是安装好的VantUI相关控件）： 5.使用VantUI控件，首先进行…
继续阅读
微信小程序引入vant UI
vue3 深度修改vant-popup组件遮罩层样式（模糊，毛玻璃）效果
<van-popup v-model:show="showWallet" closeable :close-on-click-overlay="false" // 点击遮罩层后关闭 false 不能关闭，true 能关闭弹框 overlay-class="header-overlay" // 自定义遮罩层类名 ！！！ position="right" :style="{ height: '1…
继续阅读
vue3 深度修改vant-popup组件遮罩层样式（模糊，毛玻璃）效果
微信小程序 之 Vant Weapp 组件 uploader文件上传
之前，也发过 Vant Weapp组件的使用，现在给大家提供一下PHP uploader文件上传 代码 小程序端代码: wxml ------ <van-uploader file-list="{{ fileList }}" preview-full-image="true" multiple="true" preview-image="true" bind:after-read="uol…
继续阅读
微信小程序 之 Vant Weapp 组件 uploader文件上传
Vant 部分组件全局引入时提示not defined （Notify，Toast 等）
按照官方文档使用方法 Notify('通知内容'); Notify({ type: 'primary', message: '通知内容' }); 如果报错 Notify is not defined 可以使用一下方法 this.$notify('提示文案'); this.$toast('点击提示'); 版权声明：本文为qq_17627195原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请…
继续阅读
Vant 部分组件全局引入时提示not defined （Notify，Toast 等）
vue 公共列表选择组件，引用Vant-UI的样式
此组件用于公共选择组件。引用Vant UI 作为样式 特性： 支持动态、静态数据源。 支持分页加载。 支持模糊搜索。 支持单选、多选。 组件源码： <template> <div class="gn-PubSelect"> <van-action-sheet v-model="inShow"> <div class="gn-PubSelect-main" …
继续阅读
vue 公共列表选择组件，引用Vant-UI的样式
vue+vant 封装menu组件—-Tree型结构（递归）
父父组件： <template> <van-popup v-model="show" closeable close-icon-position="top-left" position="right" :style="{ width: '100%',height: '100%' }"> <ReportListMenu :MenuData="MenuData">&…
继续阅读
vue+vant 封装menu组件—-Tree型结构（递归）
Vant Weapp的Dialog.confirm组件报错？
先上图： 遇到问题，先不慌，面向百度编程，搜索关键字给出的答案大都是这样的： 常规错误按照上述方法应该都能很快解决，但我自己试了下发现还是报错，于是找到dialog.js源文件找错。把几个值都打印了一遍，context有值、dialog没值，问题肯定就在这里：context.selectComponent(options.selector)，这里应该是通过id找到van-dialog所在的组件然后…
继续阅读
Vant Weapp的Dialog.confirm组件报错？
【微信小程序】vant引入
上篇分享了微信小程序项目的创建，这篇分享vant组件的引入。 微信小程序项目创建： https://blog.csdn.net/weixin_42575720/article/details/126305724 小程序对 npm 的支持与限制 目前小程序已经支持使用 npm 安装第三方包，从而来提高小程序的开发效率。但是，小程序中使用 npm 包有如下3个限制： ①不支持依赖于 Node.js 内…
继续阅读
【微信小程序】vant引入
vant Picker组件踩坑
vant Picker组件，不显示顶部栏，change事件拿到的值有1-2s延迟问题 ui设计如图 因需求要求，picker去掉顶部栏，点击下方确认按钮的时候获取选中的值 方法一：绑定change事件，选项改变时触发（但是有1s的延迟，操作太快了会取不到值，不可取） <van-picker :show-toolbar="true" :columns="reason" ref="picker"…
继续阅读
vant Picker组件踩坑
微信小程序使用vant-weapp
1.使用微信开发者工具创建一个小程序项目 2.在app.json中的pages下写一个测试页面的路径 3.删除app.json中的“style”：“v2” 4.进入网址： https://github.com/youzan/vant-weapp ，下载项目 5.下载后解压，然后将里面的dist文件放到小程序的目录下 6.在app.json中添加 注意：这里我只是拿了几个用来做展示，需要其他样式的在…
继续阅读
微信小程序使用vant-weapp