![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序
一缕清风明月
这个作者很懒,什么都没留下…
展开
-
微信小程序异步转同步promise的async和await
异步是前端的本质,在项目中,有些业务逻辑就需要用到同步执行Page({ data: { }, /** * 批量导入 */ muchclickimages() { var that = this; //选择文件(图片) wx.chooseMessageFile({ count: 100, type: 'image', success(res) { console.log(res) //临时原创 2020-10-24 21:52:00 · 1317 阅读 · 0 评论 -
微信小程序中使用ECharts动态展示
根据官方文档操作初体验:https://echarts.apache.org/zh/tutorial.html#%E5%9C%A8%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F%E4%B8%AD%E4%BD%BF%E7%94%A8%20ECharts目录结构:index.json代码:{ "usingComponents": { "ec-canvas": "../../ec-canvas/ec-canvas" }}inde原创 2020-08-30 23:59:40 · 2162 阅读 · 8 评论 -
微信小程序云函数获取近七天或近一个月的数据,使用云开发已修复时区的问题
使用了云开发的微信小程序,就不能方便地用mysql的to_days函数处理,获取关于时间的数据思路:查询微信小程序文档后考虑使用聚合操作不可能只是去获取一个固定时间,而是一个区间的时间段Command.gte(大于等于)和.lte(小于等于),可以传入 “Date 对象”用于进行日期比较根据第二、三点,获取近七天或近一个月,只需要扩大取值范围坑点:云函数中的时区是UTC+0,所有要手动设置时区为UTC+8给对应的云函数设置时区:云开发–云函数–对应的云函数配置环境变量:TZ+Asia/原创 2020-08-30 23:58:48 · 2637 阅读 · 0 评论 -
微信小程序云函数获取昨天的数据,使用云开发已修复时区的问题
使用了云开发的微信小程序,就不能方便地用mysql的to_days函数处理,获取关于时间的数据思路:查询微信小程序文档后考虑使用where条件查询+get获取不可能只是去获取一个固定时间,而是一个区间的时间段Command.gte(大于等于)和.lte(小于等于),可以传入 “Date 对象”用于进行日期比较坑点:云函数中的时区是UTC+0,所有要手动设置时区为UTC+8给对应的云函数设置时区:云开发–云函数–对应的云函数配置环境变量:TZ+Asia/Shanghai解决办法:想原创 2020-08-28 23:34:19 · 551 阅读 · 0 评论 -
微信小程序中使用ECharts初体验
根据官方文档操作初体验:https://echarts.apache.org/zh/tutorial.html#%E5%9C%A8%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F%E4%B8%AD%E4%BD%BF%E7%94%A8%20ECharts目录结构:index.json代码:{ "usingComponents": { "ec-canvas": "../../ec-canvas/ec-canvas" }}inde原创 2020-08-27 23:20:31 · 368 阅读 · 0 评论 -
微信小程序云开发--分组统计所有分类不重复(去重)
微信小程序云开发想要获取分组数据去重并统计思路:分组使用group,如果指定字段就按字段分组,但是数据会有重复,于是参考文档想到不指定字段,按添加字段来分组,就可以达到统计分类并去重的目的。 搭配聚合操作,使用$取数据库中的指定字段数据,即可解决。需求:有如下数据,需获取所有类别且不重复即去重[ {idx:"1",name:"休闲食品",price:123}, {idx:"2",name:"冷饮",price:456}, {idx:"3",name:"烟酒",price:789}]参考原创 2020-08-26 23:55:36 · 6058 阅读 · 0 评论 -
微信小程序点击按钮动态添加或删除输入框,点击步进器按钮获取输入框的值进行加减计算(选中删除后,步进器数值未更新的解决办法)--不使用表单
今天在选中删除后发现,保存的列表值已更新,但是页面的步进器数值却没有改变目标:当添加三个item后,删除中间的,显示如下效果输入示例:1 进价1 步进器12 进价2 步进器23 进价3 步进器3查阅官方文档https://youzan.github.io/vant-weapp/#/stepper思路:猜测是其value的值没有改变,导致页面的步进器也没有改变,使用文档中的异步更变关键:value的数据绑定是通过date.value唯一指定了,一旦更变导致所有的一起更变wx:for原创 2020-08-09 03:44:01 · 1848 阅读 · 0 评论 -
微信小程序点击按钮动态添加输入框,点击步进器按钮获取输入框的值进行加减计算--不使用表单
微信小程序实现动态添加或删除输入框,参考wx:for列表渲染搭配vantweapp使用,提高开发效率(例如已实现的步进器)关键:wx:for列表渲染每个item,达到增加删除的效果绑定date-index自定义数据,作为下标传递充分利用数据绑定和中间变量事件event传参来获取确定的按钮或数据解决办法:wxml代码:<view wx:for="{{inputList}}" wx:key="id"> <view>序号{{index+1}}</view>原创 2020-08-07 02:57:21 · 3853 阅读 · 2 评论 -
微信小程序云函数获取今天(当天)的数据,使用云开发已修复时区的问题
使用了云开发的微信小程序,就不能方便地用mysql的to_days函数处理,获取关于时间的数据思路:查询微信小程序文档后考虑使用where条件查询+get获取不可能只是去获取一个固定时间,而是一个区间的时间段、Command.gte(大于等于)和.lte(小于等于),可以传入 “Date 对象”用于进行日期比较坑点:云函数中的时区是UTC+0,所有要手动设置时区为UTC+8给对应的云函数设置时区:云开发–云函数–对应的云函数配置环境变量:TZ+Asia/Shanghai解决办法:原创 2020-08-05 23:53:57 · 3737 阅读 · 3 评论 -
微信小程序vantweapp使用Search搜索组件,遇到bind:search事件搜索的值偶尔出现不一致,导致搜索失败,踩坑推荐!
微信小程序使用vantweapp的search搜索组件时bind:change获取输入的值然后用bind:search搜索,但是获取的值有时与搜索框中的值不一致(通过打印日志的方式得出的结论)于是想到了是不是异步传值导致获取的值不一致,因为是绑定的两个事件,所有采用延时执行(一种解决办法)取值,可以避坑解决办法:wxml代码:<van-search value="{{ search }}" placeholder="请输入搜索条形码或关键词" use-action-slot原创 2020-08-02 00:20:27 · 6492 阅读 · 1 评论 -
微信小程序搭配vantweapp使用表单中Field输入框替换原始input输入框,reset重置按钮失效或失败
微信小程序文档中form表单原来有重置事件button按钮的reset只对表单中的input有效,于是点击重置按钮重置失败,所以将表单绑定bindreset事件来重置表单解决方案:wxml代码:<form bindsubmit="addbtnSub" bindreset="delbtnre"> <!-- <input name="barcode" placeholder="请输入条形码" value="6913825649859"></input>原创 2020-08-01 16:52:52 · 4030 阅读 · 3 评论 -
微信小程序vantweapp-Dialog弹出框提交表单,并还原确定按钮样式
vantweapp中Dialog弹出框使用组件调用,怎么将form表单的提交按钮与Dialog弹出框相结合呢解决方案:wxml代码<van-dialog use-slot title="商品详情" show="{{true}}" confirmButtonText="修改" show-confirm-button="{{false}}" show-cancel-button bind:cancel="dialogOnClose"> <form bin原创 2020-07-27 00:04:11 · 7514 阅读 · 11 评论 -
微信小程序wx.scanCode扫描条形码,偶尔出现条形码不正确导致查询失败
明明数据库有这个条码,却扫码查询不到数据,推测是扫码后异步传值,把还没接收到的结果result拿去查询了,导致查询失败。解决方案:Promise.then()表示:完成后执行then操作JavaScript代码:wx.scanCode({}) .then(res=>{ //完成后执行 console.log(res)//打印扫码结果 wx.vibrateShort();//振动提示 }) .catch(e=>{ /原创 2020-07-25 04:01:25 · 3667 阅读 · 0 评论 -
微信小程序下拉刷新,刷新页面(重新加载页面)--伪加载
微信小程序下拉刷新页面,没有服务器,不知道接口怎么办----wx.navigateTo实现伪加载解决办法:页面js代码:page({ /** * 页面相关事件处理函数--监听用户下拉动作 */ onPullDownRefresh: function () { // 显示顶部刷新图标 wx.showNavigationBarLoading(); wx.navigateTo({ //加载页面地址 url: '/pages/delgoodlist/原创 2020-07-24 01:53:34 · 2514 阅读 · 1 评论 -
vantweapp引入notify消息提示组件解决importpath/to/@vant/weapp/dist/notify/notify和‘selectComponent‘ of undefined
**解决办法:**import引入相对路径Notify({ type: ‘success’, message: ‘通知内容’ });//放入事件中对应js文件代码:import Notify from '../../miniprogram_npm/@vant/weapp/notify/notify';Page({ data: {}, //btnSub是事件名 btnSub() { Notify({ type: 'success', message: '通知'}); }}原创 2020-07-23 02:24:39 · 4050 阅读 · 1 评论