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

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

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

a.wxml:

编码：{{item.equipCode}}

设备：{{item.equipName}}

测项：{{item.checkItemName}}

正常

异常

正常

异常

a.jsPage({

data:{

dataList:[

{'equipCode':1001,'equipName':'打印机','checkItemName':'记录',checkResult:'正常'},

{'equipCode':1002,'equipName':'打印机','checkItemName':'记录',checkResult:'异常'},

{'equipCode':1003,'equipName':'打印机','checkItemName':'记录',checkResult:'正常'},

{'equipCode':1004,'equipName':'打印机','checkItemName':'记录',checkResult:'异常'},

{'equipCode':1005,'equipName':'打印机','checkItemName':'记录',checkResult:'正常'}

]

change: function(e) {

var changeData = 'dataList['+e.target.dataset.index+'].checkResult';

if (e.target.dataset.status == '正常') {

this.setData({

[changeData]: '正常'//修改状态，前端页面数据也会改变

})

} else {

this.setData({

[changeData]: '异常'

})

}

})

上面示例通过this.setData修改data中的值，实现数据与前端页面保持一直，相当于vue中的双向数据绑定。

如果对数据一致性没有要求的话还可以使用this.data.Object进行修改和取值。

php 微信实时更新,微信小程序修改data使页面数据实时更新的代码示例相关推荐

使用WebSocket解决页面数据实时同步
功能: 一个页面需要在不同的PC端访问,在某一PC端对网页内容发生改变时,其他PC端页面数据实时更新显示. 实现: 采用webSocket+AOP通知的方式实现思路: 当页面数据修改时,会通过后端保 ...
微信应用号（小程序）资源汇总（1010更新）
wechat-weapp-resource 微信应用号(小程序)资源汇总. 每天不定期整理和收集微信小程序相关资源,方便查阅和学习,欢迎大家提交新的资源,完善和补充. 目录开源项目(1010更新) ...
el-date-picker 的一些小坑(chang事件不生效以及页面数据不更新)
前几天改了一个bug,bug是说el-date-picker这个时间日期选择器选择的时间不能实时更新 chang方法不生效需要使用input方法最开始我尝试在去打印一下他的时间,根据官方文档chan ...
flink实时同步mysql_基于Canal与Flink实现数据实时增量同步(一)
点击上方蓝色字体,关注我 canal是阿里巴巴旗下的一款开源项目,纯Java开发.基于数据库增量日志解析,提供增量数据订阅&消费,目前主要支持了MySQL(也支持mariaDB). 准备配置 ...
python热更新原理_Python功能点实现：数据热更新
关键词:热更新 | 热重载 | 定时更新 | 即时更新 | 缓存 | functools | cachetools | LRU | TTL 假设应用需要加载一个配置文件config.txt,一般的做法 ...
CYQ.Data 轻量数据层之路应用示例一留言版(四)
继上篇:CYQ.Data 轻量数据层之路继续狂热升级(三)之后,本篇要进入应用示例介绍使用了: 为了使一篇文章就能介绍完整个示例,我选用了简单的:登陆+注册+留言版本功能,来一步一步介绍如何使用的: ...
WebSocket 实现页面数据实时更新
WebSocket实时更新 WebSocket使得客户端和服务器之间的数据交换变得更加简单,允许服务端主动向客户端推送数据.在WebSocket API中,浏览器和服务器只需要完成一次握手,两者之间就 ...
vue页面数据不显示_PHP7中session_start 使用注意事项，会导致浏览器刷时页面数据不更新...
//PHP7中session_start 使用注意事项, session_start(['cache_limiter' => 'private', //在读取完毕会话数据之后马上关闭会话存储文件 ...
半小时速通【页面数据分页】
前端页面数据分页文章目录前端页面数据分页导言后端整体思路一.建立page分页对象(bean层) 二.DAO层三.service层四.web层前端(JSP+JSTL) 首页.上一页.下一 ...

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

php 微信实时更新,微信小程序修改data使页面数据实时更新的代码示例相关推荐

最新文章

热门文章