欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

微信小程序之?dāng)?shù)據(jù)雙向綁定與數(shù)據(jù)操作

 更新時間:2017年05月12日 15:34:33   作者:道之道編程路  
這篇文章主要介紹了微信小程序之?dāng)?shù)據(jù)雙向綁定與數(shù)據(jù)操作的相關(guān)資料,需要的朋友可以參考下

 微信小程序之?dāng)?shù)據(jù)雙向綁定與數(shù)據(jù)操作

數(shù)據(jù)雙向綁定是指js部分?jǐn)?shù)據(jù)發(fā)生變化是html部分的數(shù)據(jù)也會發(fā)生變化,當(dāng)然html部分?jǐn)?shù)據(jù)發(fā)生變化js部分?jǐn)?shù)據(jù)也會發(fā)生變化,從而使界面很方便的實現(xiàn)動態(tài)數(shù)據(jù)顯示,一般擁有數(shù)據(jù)雙向綁定的前端框架都為mvvm結(jié)構(gòu)。數(shù)據(jù)雙向綁定是個好東西,an1 an2 vue  也都有數(shù)據(jù)雙向綁定的機制,而且基本都差不多,抄來抄去嘛!!下面以一個列表為例子來說下數(shù)據(jù)雙向綁定及數(shù)據(jù)的操作。

1.把要進(jìn)行數(shù)據(jù)雙向綁定的屬性放在page的data里,然后在html里使用{{屬性名}}即可進(jìn)行數(shù)據(jù)顯示;

2.that.setData({ synctable:res.data.data.list  });  使用setData方法給synctable:res賦值并更新界面相應(yīng)數(shù)據(jù)。

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動態(tài)控制樣式屬性(使用這種方法控制樣式只是為了實現(xiàn)拖拽列表,一般并不這樣控制樣式)

 

感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!

相關(guān)文章

最新評論