当前位置： 首页 > 资讯

微信小程序修改data使页面数据实时更新的代码示例

发布日期： 2018-12-14 阅读量： 作者： 网络

本篇文章给大家带来的内容是关于微信小程序修改data使页面数据实时更新的代码示例，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

需求：通过点击button修改dataList中checkResult的值并修改按钮状态。

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>

相关文章：相亲粉、交友粉、涩粉引流思路分享，这么做快速有效！酒水货源代理免费推广的五大平台（附：微商推广平台网址）你忙着清理僵尸粉的时候，别人在忙着利用你赚钱！几个在家就可以赚钱的网上赚钱项目，日赚500不是问题！三个适合长期做的正规、靠谱、安全的网赚项目分享！最适合个人站长赚钱的6大广告联盟推荐！（新手必看）谷歌广告联盟教你怎么玩转海外H5小游戏！免费分享一个付费才能学到的cpa推广赚钱项目广告联盟投放广告有什么好处？这点你必须知道！品牌推广策划流程是什么？ app推广拉新这通过这4个市场推广策略来实现用户的拉新和流量暴涨！全网营销会给企业带来什么利益？企业全网营销的推广方式外链都有哪些形式？网站推广公司来分享品牌推广如何成为企业市场竞争的利器？夜聊直播一键实现同城交友，线下约会，找到属于自己的男神女神！ app推广运营人员必须要知道的10个app推广方法和渠道！悬赏汪赚钱真的吗？悬赏汪赚钱玩法介绍！搜狗联盟怎么样，还能赚到钱吗？高佣联盟赚钱是真的吗？高佣联盟怎么赚钱，有哪些技巧和方法？微博推广引流怎么做？这14种非常实用有效的微博推广方法必须掌握！网赚小白必看的cpa广告联盟自动化挂机网赚项目玩法分享！ 9个简单有效的微信引流方法，天天涨粉1000+你也可以！ qq引流推广怎么做？QQ裂变引流操作思路分享【cpa联盟基础】利用网盘下载资源进行CPA推广是什么意思？ cpa引流技巧中的截流玩法具体如何操作？ app推广中所说的app买量是什么意思？微信公众号引流该怎么做？做好这5点吸粉不是问题！最详细的十个网站营销策略！以后再也不用担心网站的流量啦！橡塑化工线上推广,橡塑化工b2b信息网

相关栏目：【 SEO优化45326 】【技术教程24582 】【 IDC资讯40819 】【网络快讯18094 】【 SEO推广17678 】

上一篇: 如何使用全局拦截器同时为特定请求单独配置响应处理？

下一篇: 如何用 CSS 实现下图所示的圆角矩形？

4007654355
915688610@qq.com
深圳市南山区粤海街道高新区社区高新南七道011号高新工业村T3栋

APP开发

小程序开发

物联网开发

系统开发