快捷導(dǎo)航

微信小程序動態(tài)修改頁面數(shù)據(jù)及參數(shù)傳遞過程詳解

更新時間：2019年09月27日 11:42:00 作者：不睡

這篇文章主要介紹了微信小程序動態(tài)修改頁面數(shù)據(jù)及參數(shù)傳遞過程詳解,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下

在小程序中我們經(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é)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

js中獲取一個月有多少天數(shù)的方法
這篇文章主要介紹了js中獲取一個月有多少天的方法，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2023-06-06
get post jsonp三種數(shù)據(jù)交互形式實例詳解
本文通過實例給大家詳細(xì)介紹了get post jsonp三種數(shù)據(jù)交互形式，非常不錯，具有參考借鑒價值，需要的的朋友參考下吧
2017-08-08
js判斷iframe內(nèi)的網(wǎng)頁是否滾動到底部觸發(fā)事件
這篇文章主要介紹了js判斷iframe內(nèi)的網(wǎng)頁是否滾動到底部觸發(fā)事件,需要的朋友可以參考下
2014-03-03
寫的htc的數(shù)據(jù)表格
寫的htc的數(shù)據(jù)表格...
2007-01-01
javascript讀取本地文件和目錄方法詳解
這篇文章主要介紹了javascript讀取本地文件和目錄方法詳解,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-08-08
JavaScript基于replace+正則實現(xiàn)ES6的字符串模版功能
這篇文章主要介紹了JavaScript基于replace+正則實現(xiàn)ES6的字符串模版功能,結(jié)合實例形式分析了replace結(jié)合正則實現(xiàn)ES6字符串模板功能的具體步驟與相關(guān)操作技巧,需要的朋友可以參考下
2017-04-04
淺析javascript中的Event事件
本文主要對javascript中的（Event）事件進行介紹，文章篇尾舉了幾個案例：方塊隨著鼠標(biāo)移動；輸入框文字提示；仿select控件；留言本；自定義右鍵菜單；鍵盤控制div運動。需要的朋友可以看下
2016-12-12
優(yōu)雅處理前端異常的幾種方式推薦
前端一直是距離用戶最近的一層,隨著產(chǎn)品的日益完善,我們會更加注重用戶體驗,而前端異常卻如鯁在喉,甚是煩人,下面這篇文章主要給大家推薦介紹了關(guān)于優(yōu)雅處理前端異常的幾種方式,需要的朋友可以參考下
2022-08-08
超輕量級的js時間庫miment使用解析
這篇文章主要介紹了超輕量級的js時間庫miment使用解析,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
2019-08-08
scroll事件實現(xiàn)監(jiān)控滾動條并分頁顯示(zepto.js)
這篇文章主要為大家詳細(xì)介紹了scroll事件實現(xiàn)監(jiān)控滾動條并分頁顯示示例，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-12-12