微信小程序之数据双向绑定与数据操作
更新时间：2017年05月12日 15:34:33 作者：道之道编程路
这篇文章主要介绍了微信小程序之数据双向绑定与数据操作的相关资料,需要的朋友可以参考下
微信小程序之数据双向绑定与数据操作
数据双向绑定是指js部分数据发生变化是html部分的数据也会发生变化，当然html部分数据发生变化js部分数据也会发生变化，从而使界面很方便的实现动态数据显示，一般拥有数据双向绑定的前端框架都为mvvm结构。数据双向绑定是个好东西，an1 an2 vue 也都有数据双向绑定的机制，而且基本都差不多，抄来抄去嘛！！下面以一个列表为例子来说下数据双向绑定及数据的操作。
1.把要进行数据双向绑定的属性放在page的data里，然后在html里使用{{属性名}}即可进行数据显示；
2.that.setData({ synctable:res.data.data.list }); 使用setData方法给synctable:res赋值并更新界面相应数据。
3.for(var i=0;that.data.synctable.length>i;i++){ that.data.synctable[i].top=i*40; } 使用 that.data.synctable取到data里的synctable值然后添加上top新字段，然后使用style="top:{{item.top}}px;" 即可在js动态控制样式属性（使用这种方法控制样式只是为了实现拖拽列表，一般并不这样控制样式）
感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！
相关文章
JS控制表格隔行变色...2006-06-06
这篇文章主要介绍了微信小程序 通过控制CSS实现view隐藏与显示的相关资料,需要的朋友可以参考下2017-05-05
这篇文章主要为大家介绍了JS前端使用canvas编写一个签名板实现示例，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-08-08
这篇文章主要为大家介绍了前端AI机器学习在浏览器中训练模型的示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-07-07
这篇文章主要介绍了微信小程序中的swiper组件详解的相关资料,需要的朋友可以参考下2017-04-04
这篇文章主要介绍了微信小程序 Image API实例详解的相关资料,需要的朋友可以参考下2016-09-09
这篇文章主要介绍了 微信小程序页面生命周期的相关资料,需要的朋友可以参考下2016-09-09
这篇文章主要介绍了克隆 JavaScript,克隆又有浅克隆与深克隆，文章围绕JavaScript浅克隆与深克隆的相关资料展开具体内容,需要的朋友可以参考一下2021-10-10
这篇文章主要介绍了微信小程序checkbox组件详细介绍的相关资料,需要的朋友可以参考下2016-09-09
这篇文章主要为大家介绍了JS前端使用canvas实现物体的点选示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-08-08
最新评论