微信小程序 動態(tài)修改頁面數(shù)據(jù)及參數(shù)傳遞過程詳解
在小程序中我們經(jīng)常要動態(tài)渲染數(shù)據(jù),對于新手而言我們常常遇到修改的數(shù)據(jù)在控制臺顯示和頁面顯示不一致,因為我們用“=”修改數(shù)據(jù)的,這種是可以修改,但無法改變頁面的狀態(tài)的,還會造成數(shù)據(jù)不一致,代碼如下:
data: { array: [{ text: '數(shù)組' }] } onLoad:function(){ this.data.array[0].text=1; console.log(this.data.array[0].text); }
修改代碼:
onLoad:function(){ // this.data.array[0].text=1; this.setData({ 'array[0].text': '1' }) console.log(this.data.array[0].text); }
總結(jié):修改data的數(shù)據(jù)有兩種方法
1、直接用“=”賦值,這種是可以修改,但無法改變頁面的狀態(tài)的,還會造成數(shù)據(jù)不一致。
2、this.setData,setData 函數(shù)用于將數(shù)據(jù)從邏輯層發(fā)送到視圖層(異步),同時改變對應(yīng)的 this.data 的值(同步)。
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習有所幫助,也希望大家多多支持腳本之家。
- 微信小程序?qū)崿F(xiàn)頁面跳轉(zhuǎn)傳遞參數(shù)(實體,對象)
- 微信小程序?qū)崿F(xiàn)傳遞多個參數(shù)與事件處理
- 微信小程序?qū)W習筆記之跳轉(zhuǎn)頁面、傳遞參數(shù)獲得數(shù)據(jù)操作圖文詳解
- 微信小程序之頁面跳轉(zhuǎn)和參數(shù)傳遞的實現(xiàn)
- 微信小程序教程系列之頁面跳轉(zhuǎn)和參數(shù)傳遞(6)
- 微信小程序開發(fā)之數(shù)據(jù)存儲 參數(shù)傳遞 數(shù)據(jù)緩存
- 微信小程序 navigator 跳轉(zhuǎn)url傳遞參數(shù)
- 微信小程序之間的參數(shù)傳遞、獲取的操作方法
相關(guān)文章
get post jsonp三種數(shù)據(jù)交互形式實例詳解
本文通過實例給大家詳細介紹了get post jsonp三種數(shù)據(jù)交互形式,非常不錯,具有參考借鑒價值,需要的的朋友參考下吧2017-08-08js判斷iframe內(nèi)的網(wǎng)頁是否滾動到底部觸發(fā)事件
這篇文章主要介紹了js判斷iframe內(nèi)的網(wǎng)頁是否滾動到底部觸發(fā)事件,需要的朋友可以參考下2014-03-03JavaScript基于replace+正則實現(xiàn)ES6的字符串模版功能
這篇文章主要介紹了JavaScript基于replace+正則實現(xiàn)ES6的字符串模版功能,結(jié)合實例形式分析了replace結(jié)合正則實現(xiàn)ES6字符串模板功能的具體步驟與相關(guān)操作技巧,需要的朋友可以參考下2017-04-04scroll事件實現(xiàn)監(jiān)控滾動條并分頁顯示(zepto.js)
這篇文章主要為大家詳細介紹了scroll事件實現(xiàn)監(jiān)控滾動條并分頁顯示示例,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-12-12