1.
 
Page({
    data: {
      items:{ //items为一个对象,is_like和like分别为其两个属性
     is_like: 0,
    like: 0
 }
 },

likes: function () {
var is_like ="items.is_like"; //先用一个变量,把items.is_like用字符串拼接起来
var like = "items.like";
if (this.data.items.is_like == 0 && this.data.items.like==0){
this.setData({
[is_like]:1, 使用【】将字符串包起来,为其赋值
[like]:1
})
} else if (this.data.items.is_like == 1 && this.data.items.like == 1){
this.setData({
[is_like]: 0,
[like]: 0
})
}
},

})
2.

index.wxml: 使用bindtap绑定事件
<view class="centers" bindtap="likes">
<view wx:if="{{items.is_like == 0}}">
<image class="src" src="../../image/like1.png"></image>
</view>
<view wx:else>
<image class="src" src="../../image/like2.png"></image>
</view>
<view class="space">赞<text class="character">:</text>{{items.like}}</view>
</view>

转载于:https://www.cnblogs.com/shuaifing/p/8075692.html

微信小程序中用setData修改一个对象的属性值相关推荐

  1. 微信小程序this.setData修改对象中某个属性的值

    前言 做过微信小程序的同学都知道,this.setData() 方法可以修改或者更新 data 中的值 .那不知道大家有没有遇到这么一种情况,我要修改对象中某个属性的值该怎么办呢?是不是第一想到的就是 ...

  2. 微信小程序修改数组中的元素_微信小程序——this.setData()动态修改数组中的某一值...

    微信小程序--this.setData()动态修改数组中的某一值S8v编程技术_踩坑日志_进阶指南_无知人生 大家是不是都觉得微信小程序的开发方式和 vue react 这种框架的开发方式很像?S8v ...

  3. 微信小程序使用setData方法修改data中对象或数组的属性值

    前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到网站 微信小程序使用setData方法修改data中对象或数组的属性值 使用微信小程序开发时,涉及到data ...

  4. 微信小程序:setData 数据传输长度为 1678 KB,存在有性能问题!

    微信小程序:setData 数据传输长度为 1678 KB,存在有性能问题! 记录遇到的问题 本文也参考了其他文章 由于data 数据过大,比如 base64 / 数据列表返回内容过大,导致无法执行 ...

  5. 微信会员卡html修改样式模板,微信小程序 JS动态修改样式的实现代码

    微信小程序这个坑啊,js动态修改样式,我们并不能用js或者jq 轻轻松松一行代码搞定.或者用removeClass addClass 来修改样式. 以下是一种动态修改样式的方法,原理是绑定数据,然后动 ...

  6. 微信小程序动画渐入以及动态存值setdata问题

    微信小程序动画渐入以及动态存值setdata问题 想要在微信小程序中制作多个元素逐一渐入的效果,效果类似下图: 首先参考微信开发文档API动画部分的内容 开发文档API–动画Animation 创建动 ...

  7. 微信小程序页面上面的名字怎么改_微信小程序取名|如何修改名字|取名规则!...

    原标题:微信小程序取名|如何修改名字|取名规则! 在过去的建站使其曾有「域名比老板重要」的说法,而现在,微信小程序的名字也至关重要,拥有一个好的名字,将能带来众多的流量.小程序名字虽然只是个简单的符号 ...

  8. html5 setdata函数,微信小程序this.setData is not a function错误解决

    开发中遇到微信小程序"this.setData is not a function"错误,具体错误内容如下所示: VM10092:1 thirdScriptError this.s ...

  9. 微信开发修改button里的字体大小_在微信小程序中如何修改文字大小

    这篇文章主要介绍了微信小程序实现点击按钮修改文字大小功能,涉及微信小程序事件绑定及setData动态修改Page页面data数据,进而控制页面元素属性动态改变的相关操作技巧,需要的朋友可以参考下 本文 ...

最新文章

  1. 成功解决Runtime Error Selected KDE bandwidth is 0. Cannot estiam
  2. java二维整型数组 各行和排序_java:已知我有一个二维数组,直接输入全部数据,怎么对数组的每行进行升序排序...
  3. python 两个[]_Python中的两个测试工具
  4. 字节输入流一次读取一个字节的原理
  5. 常见三维文件格式之STL
  6. 用systemd命令来管理linux系统
  7. tkinter的可视化拖拽工具_微信小游戏内测可视化工具!“人人都是小程序开发者”的时代到了...
  8. 20154322 杨钦涵 Exp2 后门原理与实践
  9. Linux中安装软件
  10. Archlinux下对ape文件自动分轨并转mp3
  11. 最全面的安卓编码规范
  12. 计算机画图保存的图片怎么找到,想知道电脑截图保存在哪儿找
  13. appcan mysql_AppCan 双击返回按钮退出应用 | 学步园
  14. 含有隐函数的离散常微分方程求解
  15. 股权转让项目:沈阳派尔化学有限公司55%股权转让
  16. MySQL系列——MySQL实现序列(Sequence)效果
  17. Figma#5:文字
  18. Substrate是什么,为什么要选择Substrate
  19. TOPSIS法(优劣解距离法)笔记
  20. python pandas读取csv文件指定行_python pandas获取csv指定行 列的操作方法

热门文章

  1. 配置windows驱动开发环境
  2. 源代码文档生成 Doxygen介绍(转载)
  3. bzoj5183 [Baltic2016]Park
  4. [bzoj2882]工艺_后缀数组
  5. 如何实现微服务架构中的服务发现
  6. 修改MySQL字符集
  7. 淘宝店铺图片数据迁移核心代码
  8. 这个世界并不缺少创意,而是缺少发现
  9. 复盘:从0到1设计 A/B 测试系统
  10. 印象笔记设计经理王怀千:全栈设计师的职业本质