博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
小程序数据绑定点赞效果切换(交流QQ群:604788754)
阅读量:6082 次
发布时间:2019-06-20

本文共 892 字,大约阅读时间需要 2 分钟。

如果对本例有更好的意见和建议,希望给予留言或是加群跟群主联系,交流学习。

WXML:

{
{item.num}}

 JS:

Page({  data: {    nums: [      { id: 0, num: 11 },      { id: 1, num: 22 }    ]  },  imgchange: function (event) {    //获取当前item的下标id  通过currentTarget.id    //data-id    var dataid = event.currentTarget.dataset.id;    var nums = this.data.nums[dataid].num;   //数据里面的id;    var ids = this.data.nums[dataid].id;     if ( dataid == ids ){      nums++;      this.data.nums[dataid].num = nums;      this.data.nums[dataid].id = ids + 1;       this.setData({        nums: this.data.nums      });    }else{      nums--;       this.data.nums[dataid].id = ids - 1;       this.data.nums[dataid].num = nums;      this.setData({        nums: this.data.nums      });    }  },})

 效果如下:

转载于:https://www.cnblogs.com/yiweiyihang/p/7054350.html

你可能感兴趣的文章
要想成为高级Java程序员需要具备哪些知识呢?
查看>>
带着问题去学习--Nginx配置解析(一)
查看>>
onix-文件系统
查看>>
java.io.Serializable浅析
查看>>
我的友情链接
查看>>
多线程之线程池任务管理通用模板
查看>>
CSS3让长单词与URL地址自动换行——word-wrap属性
查看>>
CodeForces 580B Kefa and Company
查看>>
开发规范浅谈
查看>>
Spark Streaming揭秘 Day29 深入理解Spark2.x中的Structured Streaming
查看>>
鼠标增强软件StrokeIt使用方法
查看>>
本地连接linux虚拟机的方法
查看>>
某公司面试java试题之【二】,看看吧,说不定就是你将要做的题
查看>>
BABOK - 企业分析(Enterprise Analysis)概要
查看>>
Linux 配置vnc,开启linux远程桌面
查看>>
NLog文章系列——如何优化日志性能
查看>>
Hadoop安装测试简单记录
查看>>
CentOS6.4关闭触控板
查看>>
ThreadPoolExecutor线程池运行机制分析-线程复用原理
查看>>
React Native 极光推送填坑(ios)
查看>>