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

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

這篇文章主要介紹了微信小程序動態(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ā)送到視圖層（異步），同時改變對應的 this.data 的值（同步）。

以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

JavaScript?error瀏覽器端錯誤捕獲處理方法筆記解決示例
這篇文章主要為大家介紹了JavaScript?error瀏覽器端錯誤捕獲處理方法筆記解決示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2023-06-06
js獲取html的span標簽的值方法(超簡單)
下面小編就為大家?guī)硪黄猨s獲取html的span標簽的值方法(超簡單)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-07-07
JavaScript實現(xiàn)標題欄文字輪播效果代碼
這篇文章主要介紹了JavaScript實現(xiàn)標題欄文字輪播效果代碼,涉及JavaScript基于時間函數(shù)及流程控制操作標題欄文字的相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-10-10
JavaScript中的await/async的作用和用法
await/async 是 ES7 最重要特性之一，它是目前為止 JS 最佳的異步解決方案了。這篇文章主要介紹了JavaScript中的await/async的作用和用法的相關資料
2016-10-10
微信小程序自定義帶價格顯示日歷效果
這篇文章主要為大家詳細介紹了微信小程序自定義帶價格顯示日歷效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2018-12-12
JS中改變this指向的方法(call和apply、bind)
this是javascript的一個關鍵字，隨著函數(shù)使用場合不同，this的值會發(fā)生變化。但是總有一個原則，那就是this指的是調(diào)用函數(shù)的那個對象，通過本文給大家介紹JS中改變this指向的方法(call和apply、bind)，需要的朋友參考下
2016-03-03
學前端,css與javascript重難點淺析
JavaScript是一種屬于網(wǎng)絡的腳本語言,已經(jīng)被廣泛用于Web應用開發(fā)，CSS（Cascading Style Sheet）層疊樣式表單，今天給大家分享css與javascript重難點，感興趣的朋友一起看看吧
2020-06-06
輕松實現(xiàn)HTML和JS之間的轉(zhuǎn)化的代碼
輕松實現(xiàn)HTML和JS之間的轉(zhuǎn)化的代碼...
2007-09-09
利用JavaScript模擬京東按鍵輸入功能
這篇文章主要給大家介紹了關于如何利用JavaScript模擬京東按鍵輸入功能的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2020-12-12
詳解JavaScript修改注冊表的方法
這篇文章主要介紹了詳解JavaScript修改注冊表的方法,本實例主要通過WshShell 對象的相關方法實現(xiàn),需要的朋友可以參考下
2020-01-01