微信小程序,简称小程序,英文名Mini Program,是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或搜一下即可打开应用。小程序是一种不用下载就能使用的应用,也是一项门槛非常高的创新,经过将近两年的发展,已经构造了新的小程序开发环境和开发者生态。
本篇文章给大家带来的内容是关于微信小程序修改data使页面数据实时更新的代码示例,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。
需求:通过点击button修改dataList中checkResult的值并修改按钮状态。
![1544753843761914.png 1071270355-5c0e3147d83f0_articlex.png](http://img.zhengzen.com/upload/softtech_3/xiaochengxu_1214055622_1.jpg)
a.wxml:
<view wx:for="{{dataList}}" wx:key='index' class='list-body'>
<view>
<view>编码:{{item.equipCode}}</view>
<view>设备:{{item.equipName}}</view>
<view>测项:{{item.checkItemName}}</view>
</view>
<!-- wx:if设置默认选中状态 -->
<view class='list-button' wx:if='{{item.checkResult=="正常"}}'>
<button bindtap='change' data-index='{{index}}' data-status='' class='add' style='color:#fff'>正常</button>
<button bindtap='change' data-index='{{index}}' data-status='异常'>异常</button>
</view>
<view class='list-button' wx:else>
<button bindtap='change' data-index='{{index}}' data-status='正常'>正常</button>
<button bindtap='change' data-index='{{index}}' data-status='异常' class='add' style='color:#fff'>异常</button>
</view>
</view>