官方文档解读:<!– 更新记录 –> <view class=”guide” wx:if=”{{step === 5}}”> <text class=”headline”>更新记录</text> <text class=”p”>1. 打开 pages/databaseGuide/databaseGuide.js 文件,定位到 onCounterInc 和 onCounterDec 方法</text> <text class=”p”>2. 把注释掉的代码解除注释</text> <image class=”code-image” src=”../../images/code-db-inc-dec.png” mode=”aspectFit”></image> <text class=”p”>3. 点击下方按钮更新计数器</text> <div class=”counter”> <button class=”minus” size=”mini” type=”default” bindtap=”onCounterDec”>-</button> <text class=”p”>{{count}}</text> <button class=”plus” size=”mini” type=”default” bindtap=”onCounterInc”>+</button> </div> <div class=”nav”> <button class=”prev” size=”mini” type=”default” bindtap=”prevStep”>上一步</button> <button class=”next” size=”mini” type=”default” bindtap=”nextStep”>下一步</button> </div> </view>wxml:<div class=”counter”> <button class=”minus” size=”mini” type=”default” bindtap=”onCounterDec”>-</button> <text class=”p”>{{count}}</text> <button class=”plus” size=”mini” type=”default” bindtap=”onCounterInc”>+</button></div>js:// pages/databaseGuide/databaseGuide.jsconst app = getApp()Page({ data: { step: 1, counterId: ”, openid: ”, count: null, queryResult: ”, }, onLoad: function (options) { if (app.globalData.openid) { this.setData({ openid: app.globalData.openid }) } }, onCounterInc: function() { const db = wx.cloud.database() const newCount = this.data.count + 1 db.collection(‘counters’).doc(this.data.counterId).update({ data: { count: newCount }, success: res => { this.setData({ count: newCount }) }, fail: err => { icon: ‘none’, console.error(‘[数据库] [更新记录] 失败:’, err) } }) }, onCounterDec: function() { const db = wx.cloud.database() const newCount = this.data.count – 1 db.collection(‘counters’).doc(this.data.counterId).update({ data: { count: newCount }, success: res => { this.setData({ count: newCount }) }, fail: err => { icon: ‘none’, console.error(‘[数据库] [更新记录] 失败:’, err) } }) },})效果如下:http://recordit.co/NUyzs7XneE原文作者:祈澈姑娘技术博客:https://www.jianshu.com/u/05f416aefbe190后前端妹子,爱编程,爱运营,爱折腾。坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,欢迎大家加入群聊,一起探讨交流。微信小程序
微信小程序云开发数据库操作更新记录
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 微信小程序云开发数据库操作更新记录
相关推荐
如何实现线上卖断货?私域流量与公域流量哪个重要?15013808327
数据恢复软件(二):用C++重写恢复B乐都县E企盈小程序MP位图文件的小程序
公众号再次改版高坪区E企盈小程序小程序又多了一个入口
微信小程序加载图片时,湘桥区E企盈小程序先拉长,再恢复正常
转:(很有用)有多个按钮,点击一个变色,点击另吴中区E企盈小程序一个变色,原来的恢复颜色的方法
第12课微信小程序Component构造器自道里区E企盈小程序定义组件:
导航中的南海区E企盈小程序小竖线总结
小程序:after实现德格县E企盈小程序1px纵向分割线
汉沽区E企盈小程序企业微信内测朋友圈和客户群功能:小程序C位出道!
小程序运行加载密山市E企盈小程序机制
小程通城县E企盈小程序序中间有字的分隔线
公众号和小程序可以同名了名称支持同主体复盘锦E企盈小程序用
最新评论
独特万商直播系统,直播系统技术开发公司
万商直播系统开发公司
优秀的团队,万商直播管理系统
不错的小程序案例
优秀的团队,不错的服务!
讲的很好
主播长的帅气
好系统好服务